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

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

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

キーカラーKey Color

配色の基準となる色

#54467cの配色パターン

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

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

#54467cの配色パターン

#231d33の配色パターン

#453966の配色パターン

#685699の配色パターン

#8a72ccの配色パターン

#ad8fffの配色パターン

■#54467c ■#231d33 ■#453966 ■#685699 ■#8a72cc ■#ad8fff

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

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

#54467cの配色パターン

#6b647dの配色パターン

#584b7dの配色パターン

#46327dの配色パターン

#34197dの配色パターン

#21007dの配色パターン

■#54467c ■#6b647d ■#584b7d ■#46327d ■#34197d ■#21007d

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

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

#54467cの配色パターン

#6e7d46の配色パターン

■#54467c ■#6e7d46

トライアド配色Triads

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

#54467cの配色パターン

#7d5546の配色パターン

#467d55の配色パターン

■#54467c ■#7d5546 ■#467d55

アナロガス配色Analogous

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

#466e7dの配色パターン

#54467cの配色パターン

#7d466eの配色パターン

■#466e7d ■#54467c ■#7d466e

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

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

#54467cの配色パターン

#7d7046の配色パターン

#537d46の配色パターン

■#54467c ■#7d7046 ■#537d46

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

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

#54467cの配色パターン

#7d5546の配色パターン

#6e7d46の配色パターン

#466e7dの配色パターン

■#54467c ■#7d5546 ■#6e7d46 ■#466e7d

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

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

#54467cの配色パターン

#7d4653の配色パターン

#6e7d46の配色パターン

#467d70の配色パターン

■#54467c ■#7d4653 ■#6e7d46 ■#467d70

ペンタード配色Pentad

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

#54467cの配色パターン

#7d4663の配色パターン

#7d6b46の配色パターン

#4d7d46の配色パターン

#46797dの配色パターン

■#54467c ■#7d4663 ■#7d6b46 ■#4d7d46 ■#46797d

ヘクサード配色Hexad

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

#54467cの配色パターン

#7d466eの配色パターン

#7d5546の配色パターン

#6e7d46の配色パターン

#467d55の配色パターン

#466e7dの配色パターン

■#54467c ■#7d466e ■#7d5546 ■#6e7d46 ■#467d55 ■#466e7d