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

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

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

キーカラーKey Color

配色の基準となる色

#5b2150の配色パターン

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

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

#5b2150の配色パターン

#33122dの配色パターン

#66255aの配色パターン

#993787の配色パターン

#cc49b4の配色パターン

#ff5ce1の配色パターン

■#5b2150 ■#33122d ■#66255a ■#993787 ■#cc49b4 ■#ff5ce1

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

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

#5b2150の配色パターン

#5c4958の配色パターン

#5c3755の配色パターン

#5c2552の配色パターン

#5c124eの配色パターン

#5c004bの配色パターン

■#5b2150 ■#5c4958 ■#5c3755 ■#5c2552 ■#5c124e ■#5c004b

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

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

#5b2150の配色パターン

#215c2cの配色パターン

■#5b2150 ■#215c2c

トライアド配色Triads

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

#5b2150の配色パターン

#515c21の配色パターン

#21515cの配色パターン

■#5b2150 ■#515c21 ■#21515c

アナロガス配色Analogous

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

#2c215cの配色パターン

#5b2150の配色パターン

#5c2c21の配色パターン

■#2c215c ■#5b2150 ■#5c2c21

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

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

#5b2150の配色パターン

#345c21の配色パターン

#215c49の配色パターン

■#5b2150 ■#345c21 ■#215c49

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

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

#5b2150の配色パターン

#515c21の配色パターン

#215c2cの配色パターン

#2c215cの配色パターン

■#5b2150 ■#515c21 ■#215c2c ■#2c215c

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

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

#5b2150の配色パターン

#5c4921の配色パターン

#215c2cの配色パターン

#21345cの配色パターン

■#5b2150 ■#5c4921 ■#215c2c ■#21345c

ペンタード配色Pentad

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

#5b2150の配色パターン

#5c3821の配色パターン

#3a5c21の配色パターン

#215c4fの配色パターン

#21225cの配色パターン

■#5b2150 ■#5c3821 ■#3a5c21 ■#215c4f ■#21225c

ヘクサード配色Hexad

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

#5b2150の配色パターン

#5c2c21の配色パターン

#515c21の配色パターン

#215c2cの配色パターン

#21515cの配色パターン

#2c215cの配色パターン

■#5b2150 ■#5c2c21 ■#515c21 ■#215c2c ■#21515c ■#2c215c