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

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

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

キーカラーKey Color

配色の基準となる色

#554090の配色パターン

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

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

#554090の配色パターン

#1e1633の配色パターン

#3c2d66の配色パターン

#5a4399の配色パターン

#785accの配色パターン

#9670ffの配色パターン

■#554090 ■#1e1633 ■#3c2d66 ■#5a4399 ■#785acc ■#9670ff

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

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

#554090の配色パターン

#7a728fの配色パターン

#65568fの配色パターン

#50398fの配色パターン

#3b1d8fの配色パターン

#26008fの配色パターン

■#554090 ■#7a728f ■#65568f ■#50398f ■#3b1d8f ■#26008f

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

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

#554090の配色パターン

#798f3fの配色パターン

■#554090 ■#798f3f

トライアド配色Triads

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

#554090の配色パターン

#8f543fの配色パターン

#3f8f54の配色パターン

■#554090 ■#8f543f ■#3f8f54

アナロガス配色Analogous

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

#3f798fの配色パターン

#554090の配色パターン

#8f3f79の配色パターン

■#3f798f ■#554090 ■#8f3f79

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

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

#554090の配色パターン

#8f7c3fの配色パターン

#518f3fの配色パターン

■#554090 ■#8f7c3f ■#518f3f

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

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

#554090の配色パターン

#8f543fの配色パターン

#798f3fの配色パターン

#3f798fの配色パターン

■#554090 ■#8f543f ■#798f3f ■#3f798f

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

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

#554090の配色パターン

#8f3f51の配色パターン

#798f3fの配色パターン

#3f8f7cの配色パターン

■#554090 ■#8f3f51 ■#798f3f ■#3f8f7c

ペンタード配色Pentad

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

#554090の配色パターン

#8f3f69の配色パターン

#8f743fの配色パターン

#498f3fの配色パターン

#3f898fの配色パターン

■#554090 ■#8f3f69 ■#8f743f ■#498f3f ■#3f898f

ヘクサード配色Hexad

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

#554090の配色パターン

#8f3f79の配色パターン

#8f543fの配色パターン

#798f3fの配色パターン

#3f8f54の配色パターン

#3f798fの配色パターン

■#554090 ■#8f3f79 ■#8f543f ■#798f3f ■#3f8f54 ■#3f798f