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

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

#7b5570の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#7b5570の配色パターン

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

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

#7b5570の配色パターン

#33232fの配色パターン

#66465dの配色パターン

#996a8cの配色パターン

#cc8dbaの配色パターン

#ffb0e9の配色パターン

■#7b5570 ■#33232f ■#66465d ■#996a8c ■#cc8dba ■#ffb0e9

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

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

#7b5570の配色パターン

#7a6273の配色パターン

#7a496dの配色パターン

#7a3166の配色パターン

#7a185fの配色パターン

#7a0058の配色パターン

■#7b5570 ■#7a6273 ■#7a496d ■#7a3166 ■#7a185f ■#7a0058

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

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

#7b5570の配色パターン

#547a5fの配色パターン

■#7b5570 ■#547a5f

トライアド配色Triads

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

#7b5570の配色パターン

#707a54の配色パターン

#54707aの配色パターン

■#7b5570 ■#707a54 ■#54707a

アナロガス配色Analogous

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

#5f547aの配色パターン

#7b5570の配色パターン

#7a5f54の配色パターン

■#5f547a ■#7b5570 ■#7a5f54

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

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

#7b5570の配色パターン

#5d7a54の配色パターン

#547a72の配色パターン

■#7b5570 ■#5d7a54 ■#547a72

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

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

#7b5570の配色パターン

#707a54の配色パターン

#547a5fの配色パターン

#5f547aの配色パターン

■#7b5570 ■#707a54 ■#547a5f ■#5f547a

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

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

#7b5570の配色パターン

#7a7254の配色パターン

#547a5fの配色パターン

#545d7aの配色パターン

■#7b5570 ■#7a7254 ■#547a5f ■#545d7a

ペンタード配色Pentad

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

#7b5570の配色パターン

#7a6754の配色パターン

#607a54の配色パターン

#547a76の配色パターン

#58547aの配色パターン

■#7b5570 ■#7a6754 ■#607a54 ■#547a76 ■#58547a

ヘクサード配色Hexad

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

#7b5570の配色パターン

#7a5f54の配色パターン

#707a54の配色パターン

#547a5fの配色パターン

#54707aの配色パターン

#5f547aの配色パターン

■#7b5570 ■#7a5f54 ■#707a54 ■#547a5f ■#54707a ■#5f547a