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

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

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

キーカラーKey Color

配色の基準となる色

#ab5730の配色パターン

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

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

#ab5730の配色パターン

#331a0eの配色パターン

#66341dの配色パターン

#994e2bの配色パターン

#cc6839の配色パターン

#ff8247の配色パターン

■#ab5730 ■#331a0e ■#66341d ■#994e2b ■#cc6839 ■#ff8247

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

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

#ab5730の配色パターン

#ab9489の配色パターン

#ab7c67の配色パターン

#ab6544の配色パターン

#ab4d22の配色パターン

#ab3600の配色パターン

■#ab5730 ■#ab9489 ■#ab7c67 ■#ab6544 ■#ab4d22 ■#ab3600

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

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

#ab5730の配色パターン

#3084abの配色パターン

■#ab5730 ■#3084ab

トライアド配色Triads

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

#ab5730の配色パターン

#30ab57の配色パターン

#5730abの配色パターン

■#ab5730 ■#30ab57 ■#5730ab

アナロガス配色Analogous

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

#ab3084の配色パターン

#ab5730の配色パターン

#84ab30の配色パターン

■#ab3084 ■#ab5730 ■#84ab30

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

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

#ab5730の配色パターン

#30ab94の配色パターン

#3046abの配色パターン

■#ab5730 ■#30ab94 ■#3046ab

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

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

#ab5730の配色パターン

#30ab57の配色パターン

#3084abの配色パターン

#ab3084の配色パターン

■#ab5730 ■#30ab57 ■#3084ab ■#ab3084

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

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

#ab5730の配色パターン

#46ab30の配色パターン

#3084abの配色パターン

#9430abの配色パターン

■#ab5730 ■#46ab30 ■#3084ab ■#9430ab

ペンタード配色Pentad

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

#ab5730の配色パターン

#6bab30の配色パターン

#30ab88の配色パターン

#303aabの配色パターン

#ab309cの配色パターン

■#ab5730 ■#6bab30 ■#30ab88 ■#303aab ■#ab309c

ヘクサード配色Hexad

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

#ab5730の配色パターン

#84ab30の配色パターン

#30ab57の配色パターン

#3084abの配色パターン

#5730abの配色パターン

#ab3084の配色パターン

■#ab5730 ■#84ab30 ■#30ab57 ■#3084ab ■#5730ab ■#ab3084