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

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

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

キーカラーKey Color

配色の基準となる色

#12870cの配色パターン

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

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

#12870cの配色パターン

#073305の配色パターン

#0e6609の配色パターン

#15990eの配色パターン

#1ccc12の配色パターン

#23ff17の配色パターン

■#12870c ■#073305 ■#0e6609 ■#15990e ■#1ccc12 ■#23ff17

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

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

#12870cの配色パターン

#6d876cの配色パターン

#548751の配色パターン

#3a8736の配色パターン

#20871bの配色パターン

#078700の配色パターン

■#12870c ■#6d876c ■#548751 ■#3a8736 ■#20871b ■#078700

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

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

#12870cの配色パターン

#810c87の配色パターン

■#12870c ■#810c87

トライアド配色Triads

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

#12870cの配色パターン

#0c1287の配色パターン

#870c12の配色パターン

■#12870c ■#0c1287 ■#870c12

アナロガス配色Analogous

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

#87810cの配色パターン

#12870cの配色パターン

#0c8781の配色パターン

■#87810c ■#12870c ■#0c8781

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

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

#12870cの配色パターン

#440c87の配色パターン

#870c50の配色パターン

■#12870c ■#440c87 ■#870c50

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

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

#12870cの配色パターン

#0c1287の配色パターン

#810c87の配色パターン

#87810cの配色パターン

■#12870c ■#0c1287 ■#810c87 ■#87810c

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

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

#12870cの配色パターン

#0c5087の配色パターン

#810c87の配色パターン

#87440cの配色パターン

■#12870c ■#0c5087 ■#810c87 ■#87440c

ペンタード配色Pentad

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

#12870cの配色パターン

#0c7587の配色パターン

#370c87の配色パターン

#870c44の配色パターン

#87680cの配色パターン

■#12870c ■#0c7587 ■#370c87 ■#870c44 ■#87680c

ヘクサード配色Hexad

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

#12870cの配色パターン

#0c8781の配色パターン

#0c1287の配色パターン

#810c87の配色パターン

#870c12の配色パターン

#87810cの配色パターン

■#12870c ■#0c8781 ■#0c1287 ■#810c87 ■#870c12 ■#87810c