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

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

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

キーカラーKey Color

配色の基準となる色

#505873の配色パターン

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

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

#505873の配色パターン

#242733の配色パターン

#474f66の配色パターン

#6b7699の配色パターン

#8f9dccの配色パターン

#b3c4ffの配色パターン

■#505873 ■#242733 ■#474f66 ■#6b7699 ■#8f9dcc ■#b3c4ff

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

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

#505873の配色パターン

#5c6173の配色パターン

#455073の配色パターン

#2e3e73の配色パターン

#172c73の配色パターン

#001b73の配色パターン

■#505873 ■#5c6173 ■#455073 ■#2e3e73 ■#172c73 ■#001b73

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

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

#505873の配色パターン

#736b50の配色パターン

■#505873 ■#736b50

トライアド配色Triads

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

#505873の配色パターン

#735058の配色パターン

#587350の配色パターン

■#505873 ■#735058 ■#587350

アナロガス配色Analogous

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

#50736bの配色パターン

#505873の配色パターン

#6b5073の配色パターン

■#50736b ■#505873 ■#6b5073

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

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

#505873の配色パターン

#735a50の配色パターン

#6a7350の配色パターン

■#505873 ■#735a50 ■#6a7350

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

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

#505873の配色パターン

#735058の配色パターン

#736b50の配色パターン

#50736bの配色パターン

■#505873 ■#735058 ■#736b50 ■#50736b

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

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

#505873の配色パターン

#73506aの配色パターン

#736b50の配色パターン

#50735aの配色パターン

■#505873 ■#73506a ■#736b50 ■#50735a

ペンタード配色Pentad

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

#505873の配色パターン

#725073の配色パターン

#735650の配色パターン

#667350の配色パターン

#507364の配色パターン

■#505873 ■#725073 ■#735650 ■#667350 ■#507364

ヘクサード配色Hexad

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

#505873の配色パターン

#6b5073の配色パターン

#735058の配色パターン

#736b50の配色パターン

#587350の配色パターン

#50736bの配色パターン

■#505873 ■#6b5073 ■#735058 ■#736b50 ■#587350 ■#50736b