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

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

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

キーカラーKey Color

配色の基準となる色

#b5450dの配色パターン

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

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

#b5450dの配色パターン

#331304の配色パターン

#662707の配色パターン

#993a0bの配色パターン

#cc4e0eの配色パターン

#ff6112の配色パターン

■#b5450d ■#331304 ■#662707 ■#993a0b ■#cc4e0e ■#ff6112

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

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

#b5450dの配色パターン

#b59d91の配色パターン

#b5856dの配色パターン

#b56d48の配色パターン

#b55424の配色パターン

#b53c00の配色パターン

■#b5450d ■#b59d91 ■#b5856d ■#b56d48 ■#b55424 ■#b53c00

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

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

#b5450dの配色パターン

#0d7db5の配色パターン

■#b5450d ■#0d7db5

トライアド配色Triads

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

#b5450dの配色パターン

#0db545の配色パターン

#450db5の配色パターン

■#b5450d ■#0db545 ■#450db5

アナロガス配色Analogous

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

#b50d7dの配色パターン

#b5450dの配色パターン

#7db50dの配色パターン

■#b50d7d ■#b5450d ■#7db50d

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

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

#b5450dの配色パターン

#0db599の配色パターン

#0d29b5の配色パターン

■#b5450d ■#0db599 ■#0d29b5

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

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

#b5450dの配色パターン

#0db545の配色パターン

#0d7db5の配色パターン

#b50d7dの配色パターン

■#b5450d ■#0db545 ■#0d7db5 ■#b50d7d

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

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

#b5450dの配色パターン

#29b50dの配色パターン

#0d7db5の配色パターン

#990db5の配色パターン

■#b5450d ■#29b50d ■#0d7db5 ■#990db5

ペンタード配色Pentad

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

#b5450dの配色パターン

#5bb50dの配色パターン

#0db588の配色パターン

#0d18b5の配色パターン

#b50d9fの配色パターン

■#b5450d ■#5bb50d ■#0db588 ■#0d18b5 ■#b50d9f

ヘクサード配色Hexad

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

#b5450dの配色パターン

#7db50dの配色パターン

#0db545の配色パターン

#0d7db5の配色パターン

#450db5の配色パターン

#b50d7dの配色パターン

■#b5450d ■#7db50d ■#0db545 ■#0d7db5 ■#450db5 ■#b50d7d