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

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

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

キーカラーKey Color

配色の基準となる色

#506f78の配色パターン

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

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

#506f78の配色パターン

#222f33の配色パターン

#445e66の配色パターン

#678d99の配色パターン

#89bcccの配色パターン

#abebffの配色パターン

■#506f78 ■#222f33 ■#445e66 ■#678d99 ■#89bccc ■#abebff

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

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

#506f78の配色パターン

#607278の配色パターン

#486d78の配色パターン

#306778の配色パターン

#186178の配色パターン

#005c78の配色パターン

■#506f78 ■#607278 ■#486d78 ■#306778 ■#186178 ■#005c78

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

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

#506f78の配色パターン

#785a50の配色パターン

■#506f78 ■#785a50

トライアド配色Triads

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

#506f78の配色パターン

#78506fの配色パターン

#6f7850の配色パターン

■#506f78 ■#78506f ■#6f7850

アナロガス配色Analogous

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

#50785aの配色パターン

#506f78の配色パターン

#5a5078の配色パターン

■#50785a ■#506f78 ■#5a5078

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

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

#506f78の配色パターン

#78505bの配色パターン

#786d50の配色パターン

■#506f78 ■#78505b ■#786d50

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

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

#506f78の配色パターン

#78506fの配色パターン

#785a50の配色パターン

#50785aの配色パターン

■#506f78 ■#78506f ■#785a50 ■#50785a

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

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

#506f78の配色パターン

#6d5078の配色パターン

#785a50の配色パターン

#5b7850の配色パターン

■#506f78 ■#6d5078 ■#785a50 ■#5b7850

ペンタード配色Pentad

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

#506f78の配色パターン

#615078の配色パターン

#78505fの配色パターン

#787150の配色パターン

#507852の配色パターン

■#506f78 ■#615078 ■#78505f ■#787150 ■#507852

ヘクサード配色Hexad

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

#506f78の配色パターン

#5a5078の配色パターン

#78506fの配色パターン

#785a50の配色パターン

#6f7850の配色パターン

#50785aの配色パターン

■#506f78 ■#5a5078 ■#78506f ■#785a50 ■#6f7850 ■#50785a