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

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

#5732c9の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#5732c9の配色パターン

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

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

#5732c9の配色パターン

#160d33の配色パターン

#2d1a66の配色パターン

#432699の配色パターン

#5933ccの配色パターン

#7040ffの配色パターン

■#5732c9 ■#160d33 ■#2d1a66 ■#432699 ■#5933cc ■#7040ff

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

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

#5732c9の配色パターン

#aba1c9の配色パターン

#8d79c9の配色パターン

#6f51c9の配色パターン

#5128c9の配色パターン

#3200c9の配色パターン

■#5732c9 ■#aba1c9 ■#8d79c9 ■#6f51c9 ■#5128c9 ■#3200c9

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

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

#5732c9の配色パターン

#a4c932の配色パターン

■#5732c9 ■#a4c932

トライアド配色Triads

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

#5732c9の配色パターン

#c95832の配色パターン

#32c958の配色パターン

■#5732c9 ■#c95832 ■#32c958

アナロガス配色Analogous

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

#32a4c9の配色パターン

#5732c9の配色パターン

#c932a4の配色パターン

■#32a4c9 ■#5732c9 ■#c932a4

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

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

#5732c9の配色パターン

#c9a432の配色パターン

#58c932の配色パターン

■#5732c9 ■#c9a432 ■#58c932

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

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

#5732c9の配色パターン

#c95832の配色パターン

#a4c932の配色パターン

#32a4c9の配色パターン

■#5732c9 ■#c95832 ■#a4c932 ■#32a4c9

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

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

#5732c9の配色パターン

#c93258の配色パターン

#a4c932の配色パターン

#32c9a4の配色パターン

■#5732c9 ■#c93258 ■#a4c932 ■#32c9a4

ペンタード配色Pentad

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

#5732c9の配色パターン

#c93285の配色パターン

#c99532の配色パターン

#49c932の配色パターン

#32c2c9の配色パターン

■#5732c9 ■#c93285 ■#c99532 ■#49c932 ■#32c2c9

ヘクサード配色Hexad

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

#5732c9の配色パターン

#c932a4の配色パターン

#c95832の配色パターン

#a4c932の配色パターン

#32c958の配色パターン

#32a4c9の配色パターン

■#5732c9 ■#c932a4 ■#c95832 ■#a4c932 ■#32c958 ■#32a4c9