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

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

#4c9096の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#4c9096の配色パターン

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

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

#4c9096の配色パターン

#1a3133の配色パターン

#346266の配色パターン

#4e9399の配色パターン

#68c4ccの配色パターン

#82f5ffの配色パターン

■#4c9096 ■#1a3133 ■#346266 ■#4e9399 ■#68c4cc ■#82f5ff

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

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

#4c9096の配色パターン

#789496の配色パターン

#5a9196の配色パターン

#3c8f96の配色パターン

#1e8c96の配色パターン

#008a96の配色パターン

■#4c9096 ■#789496 ■#5a9196 ■#3c8f96 ■#1e8c96 ■#008a96

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

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

#4c9096の配色パターン

#96534dの配色パターン

■#4c9096 ■#96534d

トライアド配色Triads

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

#4c9096の配色パターン

#964d90の配色パターン

#90964dの配色パターン

■#4c9096 ■#964d90 ■#90964d

アナロガス配色Analogous

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

#4d9653の配色パターン

#4c9096の配色パターン

#534d96の配色パターン

■#4d9653 ■#4c9096 ■#534d96

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

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

#4c9096の配色パターン

#964d6bの配色パターン

#96784dの配色パターン

■#4c9096 ■#964d6b ■#96784d

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

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

#4c9096の配色パターン

#964d90の配色パターン

#96534dの配色パターン

#4d9653の配色パターン

■#4c9096 ■#964d90 ■#96534d ■#4d9653

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

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

#4c9096の配色パターン

#784d96の配色パターン

#96534dの配色パターン

#6b964dの配色パターン

■#4c9096 ■#784d96 ■#96534d ■#6b964d

ペンタード配色Pentad

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

#4c9096の配色パターン

#624d96の配色パターン

#964d73の配色パターン

#967f4dの配色パターン

#55964dの配色パターン

■#4c9096 ■#624d96 ■#964d73 ■#967f4d ■#55964d

ヘクサード配色Hexad

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

#4c9096の配色パターン

#534d96の配色パターン

#964d90の配色パターン

#96534dの配色パターン

#90964dの配色パターン

#4d9653の配色パターン

■#4c9096 ■#534d96 ■#964d90 ■#96534d ■#90964d ■#4d9653