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

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

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

キーカラーKey Color

配色の基準となる色

#5f425aの配色パターン

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

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

#5f425aの配色パターン

#332330の配色パターン

#664661の配色パターン

#996a91の配色パターン

#cc8dc1の配色パターン

#ffb0f2の配色パターン

■#5f425a ■#332330 ■#664661 ■#996a91 ■#cc8dc1 ■#ffb0f2

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

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

#5f425aの配色パターン

#5e4b5bの配色パターン

#5e3958の配色パターン

#5e2655の配色パターン

#5e1352の配色パターン

#5e004fの配色パターン

■#5f425a ■#5e4b5b ■#5e3958 ■#5e2655 ■#5e1352 ■#5e004f

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

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

#5f425aの配色パターン

#415e46の配色パターン

■#5f425a ■#415e46

トライアド配色Triads

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

#5f425aの配色パターン

#595e41の配色パターン

#41595eの配色パターン

■#5f425a ■#595e41 ■#41595e

アナロガス配色Analogous

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

#46415eの配色パターン

#5f425aの配色パターン

#5e4641の配色パターン

■#46415e ■#5f425a ■#5e4641

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

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

#5f425aの配色パターン

#4b5e41の配色パターン

#415e55の配色パターン

■#5f425a ■#4b5e41 ■#415e55

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

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

#5f425aの配色パターン

#595e41の配色パターン

#415e46の配色パターン

#46415eの配色パターン

■#5f425a ■#595e41 ■#415e46 ■#46415e

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

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

#5f425aの配色パターン

#5e5541の配色パターン

#415e46の配色パターン

#414b5eの配色パターン

■#5f425a ■#5e5541 ■#415e46 ■#414b5e

ペンタード配色Pentad

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

#5f425aの配色パターン

#5e4c41の配色パターン

#4e5e41の配色パターン

#415e58の配色パターン

#41425eの配色パターン

■#5f425a ■#5e4c41 ■#4e5e41 ■#415e58 ■#41425e

ヘクサード配色Hexad

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

#5f425aの配色パターン

#5e4641の配色パターン

#595e41の配色パターン

#415e46の配色パターン

#41595eの配色パターン

#46415eの配色パターン

■#5f425a ■#5e4641 ■#595e41 ■#415e46 ■#41595e ■#46415e