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

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

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

キーカラーKey Color

配色の基準となる色

#5538c9の配色パターン

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

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

#5538c9の配色パターン

#160e33の配色パターン

#2b1d66の配色パターン

#412b99の配色パターン

#5639ccの配色パターン

#6c47ffの配色パターン

■#5538c9 ■#160e33 ■#2b1d66 ■#412b99 ■#5639cc ■#6c47ff

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

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

#5538c9の配色パターン

#a9a1c9の配色パターン

#8979c9の配色パターン

#6951c9の配色パターン

#4928c9の配色パターン

#2800c9の配色パターン

■#5538c9 ■#a9a1c9 ■#8979c9 ■#6951c9 ■#4928c9 ■#2800c9

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

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

#5538c9の配色パターン

#acc938の配色パターン

■#5538c9 ■#acc938

トライアド配色Triads

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

#5538c9の配色パターン

#c95538の配色パターン

#38c955の配色パターン

■#5538c9 ■#c95538 ■#38c955

アナロガス配色Analogous

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

#38acc9の配色パターン

#5538c9の配色パターン

#c938acの配色パターン

■#38acc9 ■#5538c9 ■#c938ac

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

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

#5538c9の配色パターン

#c99e38の配色パターン

#64c938の配色パターン

■#5538c9 ■#c99e38 ■#64c938

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

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

#5538c9の配色パターン

#c95538の配色パターン

#acc938の配色パターン

#38acc9の配色パターン

■#5538c9 ■#c95538 ■#acc938 ■#38acc9

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

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

#5538c9の配色パターン

#c93864の配色パターン

#acc938の配色パターン

#38c99eの配色パターン

■#5538c9 ■#c93864 ■#acc938 ■#38c99e

ペンタード配色Pentad

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

#5538c9の配色パターン

#c9388fの配色パターン

#c98f38の配色パターン

#55c938の配色パターン

#38c9c9の配色パターン

■#5538c9 ■#c9388f ■#c98f38 ■#55c938 ■#38c9c9

ヘクサード配色Hexad

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

#5538c9の配色パターン

#c938acの配色パターン

#c95538の配色パターン

#acc938の配色パターン

#38c955の配色パターン

#38acc9の配色パターン

■#5538c9 ■#c938ac ■#c95538 ■#acc938 ■#38c955 ■#38acc9