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

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

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

キーカラーKey Color

配色の基準となる色

#b2db5eの配色パターン

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

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

#b2db5eの配色パターン

#293316の配色パターン

#53662cの配色パターン

#7c9942の配色パターン

#a5cc58の配色パターン

#cfff6eの配色パターン

■#b2db5e ■#293316 ■#53662c ■#7c9942 ■#a5cc58 ■#cfff6e

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

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

#b2db5eの配色パターン

#cddbafの配色パターン

#bedb84の配色パターン

#afdb58の配色パターン

#a1db2cの配色パターン

#92db00の配色パターン

■#b2db5e ■#cddbaf ■#bedb84 ■#afdb58 ■#a1db2c ■#92db00

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

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

#b2db5eの配色パターン

#885edbの配色パターン

■#b2db5e ■#885edb

トライアド配色Triads

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

#b2db5eの配色パターン

#5eb2dbの配色パターン

#db5eb2の配色パターン

■#b2db5e ■#5eb2db ■#db5eb2

アナロガス配色Analogous

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

#db885eの配色パターン

#b2db5eの配色パターン

#5edb88の配色パターン

■#db885e ■#b2db5e ■#5edb88

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

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

#b2db5eの配色パターン

#5e73dbの配色パターン

#c65edbの配色パターン

■#b2db5e ■#5e73db ■#c65edb

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

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

#b2db5eの配色パターン

#5eb2dbの配色パターン

#885edbの配色パターン

#db885eの配色パターン

■#b2db5e ■#5eb2db ■#885edb ■#db885e

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

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

#b2db5eの配色パターン

#5edbc6の配色パターン

#885edbの配色パターン

#db5e73の配色パターン

■#b2db5e ■#5edbc6 ■#885edb ■#db5e73

ペンタード配色Pentad

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

#b2db5eの配色パターン

#5edba1の配色パターン

#5e80dbの配色パターン

#d35edbの配色パターン

#db6f5eの配色パターン

■#b2db5e ■#5edba1 ■#5e80db ■#d35edb ■#db6f5e

ヘクサード配色Hexad

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

#b2db5eの配色パターン

#5edb88の配色パターン

#5eb2dbの配色パターン

#885edbの配色パターン

#db5eb2の配色パターン

#db885eの配色パターン

■#b2db5e ■#5edb88 ■#5eb2db ■#885edb ■#db5eb2 ■#db885e