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

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

#6c9097の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#6c9097の配色パターン

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

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

#6c9097の配色パターン

#253133の配色パターン

#496166の配色パターン

#6e9299の配色パターン

#93c2ccの配色パターン

#b8f3ffの配色パターン

■#6c9097 ■#253133 ■#496166 ■#6e9299 ■#93c2cc ■#b8f3ff

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

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

#6c9097の配色パターン

#789196の配色パターン

#5a8c96の配色パターン

#3c8796の配色パターン

#1e8296の配色パターン

#007d96の配色パターン

■#6c9097 ■#789196 ■#5a8c96 ■#3c8796 ■#1e8296 ■#007d96

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

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

#6c9097の配色パターン

#96736cの配色パターン

■#6c9097 ■#96736c

トライアド配色Triads

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

#6c9097の配色パターン

#966c8fの配色パターン

#8f966cの配色パターン

■#6c9097 ■#966c8f ■#8f966c

アナロガス配色Analogous

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

#6c9673の配色パターン

#6c9097の配色パターン

#736c96の配色パターン

■#6c9673 ■#6c9097 ■#736c96

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

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

#6c9097の配色パターン

#966c7aの配色パターン

#96886cの配色パターン

■#6c9097 ■#966c7a ■#96886c

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

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

#6c9097の配色パターン

#966c8fの配色パターン

#96736cの配色パターン

#6c9673の配色パターン

■#6c9097 ■#966c8f ■#96736c ■#6c9673

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

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

#6c9097の配色パターン

#886c96の配色パターン

#96736cの配色パターン

#7a966cの配色パターン

■#6c9097 ■#886c96 ■#96736c ■#7a966c

ペンタード配色Pentad

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

#6c9097の配色パターン

#7c6c96の配色パターン

#966c7fの配色パターン

#968d6cの配色パターン

#6e966cの配色パターン

■#6c9097 ■#7c6c96 ■#966c7f ■#968d6c ■#6e966c

ヘクサード配色Hexad

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

#6c9097の配色パターン

#736c96の配色パターン

#966c8fの配色パターン

#96736cの配色パターン

#8f966cの配色パターン

#6c9673の配色パターン

■#6c9097 ■#736c96 ■#966c8f ■#96736c ■#8f966c ■#6c9673