#9dbf73の配色パターン、色の組み合わせが一目でわかるWEB色見本

Googleアカウントでログインすると広告表示が控えめになります

#9dbf73の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#9dbf73の配色パターン

同一色相、同一彩度の配色

明度に変化を持たせた配色

#9dbf73の配色パターン

#2a331fの配色パターン

#54663dの配色パターン

#7d995cの配色パターン

#a7cc7aの配色パターン

#d1ff99の配色パターン

■#9dbf73 ■#2a331f ■#54663d ■#7d995c ■#a7cc7a ■#d1ff99

同一色相、同一明度の配色

彩度に変化を持たせた配色

#9dbf73の配色パターン

#aebf99の配色パターン

#9dbf73の配色パターン

#8cbf4dの配色パターン

#7abf26の配色パターン

#69bf00の配色パターン

■#9dbf73 ■#aebf99 ■#9dbf73 ■#8cbf4d ■#7abf26 ■#69bf00

コンプリメンタリー配色Complementary

色相環の正反対にある色同士の配色

#9dbf73の配色パターン

#9573bfの配色パターン

■#9dbf73 ■#9573bf

トライアド配色Triads

色相環を正三角形で3等分した位置にある3色の配色

#9dbf73の配色パターン

#739dbfの配色パターン

#bf739dの配色パターン

■#9dbf73 ■#739dbf ■#bf739d

アナロガス配色Analogous

色相環で隣り合う色を組み合わせた配色

#bf9573の配色パターン

#9dbf73の配色パターン

#73bf95の配色パターン

■#bf9573 ■#9dbf73 ■#73bf95

スプリット・コンプリメンタリー配色Split Complementary

基準色とその補色の類似色を使った配色

#9dbf73の配色パターン

#7377bfの配色パターン

#bb73bfの配色パターン

■#9dbf73 ■#7377bf ■#bb73bf

テトラード配色(長方形)Tetrad

色相環を長方形に4分した位置にある4色の配色

#9dbf73の配色パターン

#739dbfの配色パターン

#9573bfの配色パターン

#bf9573の配色パターン

■#9dbf73 ■#739dbf ■#9573bf ■#bf9573

テトラード配色(正方形)Tetrad

色相環を正方形に4等分した位置にある4色の配色

#9dbf73の配色パターン

#73bfbbの配色パターン

#9573bfの配色パターン

#bf7377の配色パターン

■#9dbf73 ■#73bfbb ■#9573bf ■#bf7377

ペンタード配色Pentad

色相環を正五角形で5等分した位置にある5色の配色

#9dbf73の配色パターン

#73bfa4の配色パターン

#737ebfの配色パターン

#bf73bbの配色パターン

#bf8673の配色パターン

■#9dbf73 ■#73bfa4 ■#737ebf ■#bf73bb ■#bf8673

ヘクサード配色Hexad

色相環を正六角形で6等分した位置にある6色の配色

#9dbf73の配色パターン

#73bf95の配色パターン

#739dbfの配色パターン

#9573bfの配色パターン

#bf739dの配色パターン

#bf9573の配色パターン

■#9dbf73 ■#73bf95 ■#739dbf ■#9573bf ■#bf739d ■#bf9573