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

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

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

キーカラーKey Color

配色の基準となる色

#b12a00の配色パターン

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

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

#b12a00の配色パターン

#330c00の配色パターン

#661800の配色パターン

#992400の配色パターン

#cc3000の配色パターン

#ff3c00の配色パターン

■#b12a00 ■#330c00 ■#661800 ■#992400 ■#cc3000 ■#ff3c00

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

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

#b12a00の配色パターン

#b0958dの配色パターン

#b07a6aの配色パターン

#b05f46の配色パターン

#b04423の配色パターン

#b12a00の配色パターン

■#b12a00 ■#b0958d ■#b07a6a ■#b05f46 ■#b04423 ■#b12a00

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

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

#b12a00の配色パターン

#0087b0の配色パターン

■#b12a00 ■#0087b0

トライアド配色Triads

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

#b12a00の配色パターン

#00b029の配色パターン

#2900b0の配色パターン

■#b12a00 ■#00b029 ■#2900b0

アナロガス配色Analogous

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

#b00087の配色パターン

#b12a00の配色パターン

#87b000の配色パターン

■#b00087 ■#b12a00 ■#87b000

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

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

#b12a00の配色パターン

#00b081の配色パターン

#002fb0の配色パターン

■#b12a00 ■#00b081 ■#002fb0

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

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

#b12a00の配色パターン

#00b029の配色パターン

#0087b0の配色パターン

#b00087の配色パターン

■#b12a00 ■#00b029 ■#0087b0 ■#b00087

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

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

#b12a00の配色パターン

#2fb000の配色パターン

#0087b0の配色パターン

#8100b0の配色パターン

■#b12a00 ■#2fb000 ■#0087b0 ■#8100b0

ペンタード配色Pentad

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

#b12a00の配色パターン

#64b000の配色パターン

#00b06fの配色パターン

#001db0の配色パターン

#b000aaの配色パターン

■#b12a00 ■#64b000 ■#00b06f ■#001db0 ■#b000aa

ヘクサード配色Hexad

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

#b12a00の配色パターン

#87b000の配色パターン

#00b029の配色パターン

#0087b0の配色パターン

#2900b0の配色パターン

#b00087の配色パターン

■#b12a00 ■#87b000 ■#00b029 ■#0087b0 ■#2900b0 ■#b00087