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

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

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

キーカラーKey Color

配色の基準となる色

#2f872aの配色パターン

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

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

#2f872aの配色パターン

#123310の配色パターン

#236620の配色パターン

#35992fの配色パターン

#46cc3fの配色パターン

#58ff4fの配色パターン

■#2f872a ■#123310 ■#236620 ■#35992f ■#46cc3f ■#58ff4f

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

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

#2f872aの配色パターン

#6d876cの配色パターン

#548751の配色パターン

#3a8736の配色パターン

#20871bの配色パターン

#078700の配色パターン

■#2f872a ■#6d876c ■#548751 ■#3a8736 ■#20871b ■#078700

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

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

#2f872aの配色パターン

#822a87の配色パターン

■#2f872a ■#822a87

トライアド配色Triads

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

#2f872aの配色パターン

#2a2f87の配色パターン

#872a2fの配色パターン

■#2f872a ■#2a2f87 ■#872a2f

アナロガス配色Analogous

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

#87822aの配色パターン

#2f872aの配色パターン

#2a8782の配色パターン

■#87822a ■#2f872a ■#2a8782

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

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

#2f872aの配色パターン

#542a87の配色パターン

#872a5dの配色パターン

■#2f872a ■#542a87 ■#872a5d

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

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

#2f872aの配色パターン

#2a2f87の配色パターン

#822a87の配色パターン

#87822aの配色パターン

■#2f872a ■#2a2f87 ■#822a87 ■#87822a

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

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

#2f872aの配色パターン

#2a5d87の配色パターン

#822a87の配色パターン

#87542aの配色パターン

■#2f872a ■#2a5d87 ■#822a87 ■#87542a

ペンタード配色Pentad

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

#2f872aの配色パターン

#2a7987の配色パターン

#4b2a87の配色パターン

#872a54の配色パターン

#87702aの配色パターン

■#2f872a ■#2a7987 ■#4b2a87 ■#872a54 ■#87702a

ヘクサード配色Hexad

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

#2f872aの配色パターン

#2a8782の配色パターン

#2a2f87の配色パターン

#822a87の配色パターン

#872a2fの配色パターン

#87822aの配色パターン

■#2f872a ■#2a8782 ■#2a2f87 ■#822a87 ■#872a2f ■#87822a