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

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

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

キーカラーKey Color

配色の基準となる色

#9c7123の配色パターン

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

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

#9c7123の配色パターン

#33250bの配色パターン

#664a16の配色パターン

#996f22の配色パターン

#cc942dの配色パターン

#ffb938の配色パターン

■#9c7123 ■#33250b ■#664a16 ■#996f22 ■#cc942d ■#ffb938

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

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

#9c7123の配色パターン

#9c917cの配色パターン

#9c865dの配色パターン

#9c7b3eの配色パターン

#9c701fの配色パターン

#9c6500の配色パターン

■#9c7123 ■#9c917c ■#9c865d ■#9c7b3e ■#9c701f ■#9c6500

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

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

#9c7123の配色パターン

#224d9cの配色パターン

■#9c7123 ■#224d9c

トライアド配色Triads

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

#9c7123の配色パターン

#229c71の配色パターン

#71229cの配色パターン

■#9c7123 ■#229c71 ■#71229c

アナロガス配色Analogous

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

#9c224dの配色パターン

#9c7123の配色パターン

#4d9c22の配色パターン

■#9c224d ■#9c7123 ■#4d9c22

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

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

#9c7123の配色パターン

#22899cの配色パターン

#34229cの配色パターン

■#9c7123 ■#22899c ■#34229c

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

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

#9c7123の配色パターン

#229c71の配色パターン

#224d9cの配色パターン

#9c224dの配色パターン

■#9c7123 ■#229c71 ■#224d9c ■#9c224d

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

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

#9c7123の配色パターン

#229c34の配色パターン

#224d9cの配色パターン

#9c2289の配色パターン

■#9c7123 ■#229c34 ■#224d9c ■#9c2289

ペンタード配色Pentad

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

#9c7123の配色パターン

#349c22の配色パターン

#22959cの配色パターン

#41229cの配色パターン

#9c2265の配色パターン

■#9c7123 ■#349c22 ■#22959c ■#41229c ■#9c2265

ヘクサード配色Hexad

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

#9c7123の配色パターン

#4d9c22の配色パターン

#229c71の配色パターン

#224d9cの配色パターン

#71229cの配色パターン

#9c224dの配色パターン

■#9c7123 ■#4d9c22 ■#229c71 ■#224d9c ■#71229c ■#9c224d