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

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

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

キーカラーKey Color

配色の基準となる色

#b5510aの配色パターン

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

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

#b5510aの配色パターン

#331703の配色パターン

#662e06の配色パターン

#994509の配色パターン

#cc5c0cの配色パターン

#ff730fの配色パターン

■#b5510a ■#331703 ■#662e06 ■#994509 ■#cc5c0c ■#ff730f

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

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

#b5510aの配色パターン

#b5a091の配色パターン

#b58b6dの配色パターン

#b57648の配色パターン

#b56124の配色パターン

#b54b00の配色パターン

■#b5510a ■#b5a091 ■#b58b6d ■#b57648 ■#b56124 ■#b54b00

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

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

#b5510aの配色パターン

#0b6eb5の配色パターン

■#b5510a ■#0b6eb5

トライアド配色Triads

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

#b5510aの配色パターン

#0bb552の配色パターン

#520bb5の配色パターン

■#b5510a ■#0bb552 ■#520bb5

アナロガス配色Analogous

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

#b50b6eの配色パターン

#b5510aの配色パターン

#6eb50bの配色パターン

■#b50b6e ■#b5510a ■#6eb50b

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

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

#b5510aの配色パターン

#0bb5a7の配色パターン

#0b19b5の配色パターン

■#b5510a ■#0bb5a7 ■#0b19b5

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

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

#b5510aの配色パターン

#0bb552の配色パターン

#0b6eb5の配色パターン

#b50b6eの配色パターン

■#b5510a ■#0bb552 ■#0b6eb5 ■#b50b6e

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

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

#b5510aの配色パターン

#19b50bの配色パターン

#0b6eb5の配色パターン

#a70bb5の配色パターン

■#b5510a ■#19b50b ■#0b6eb5 ■#a70bb5

ペンタード配色Pentad

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

#b5510aの配色パターン

#4cb50bの配色パターン

#0bb596の配色パターン

#0e0bb5の配色パターン

#b50b90の配色パターン

■#b5510a ■#4cb50b ■#0bb596 ■#0e0bb5 ■#b50b90

ヘクサード配色Hexad

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

#b5510aの配色パターン

#6eb50bの配色パターン

#0bb552の配色パターン

#0b6eb5の配色パターン

#520bb5の配色パターン

#b50b6eの配色パターン

■#b5510a ■#6eb50b ■#0bb552 ■#0b6eb5 ■#520bb5 ■#b50b6e