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

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

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

キーカラーKey Color

配色の基準となる色

#221dccの配色パターン

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

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

#221dccの配色パターン

#090733の配色パターン

#110e66の配色パターン

#1a1599の配色パターン

#221dccの配色パターン

#2b24ffの配色パターン

■#221dcc ■#090733 ■#110e66 ■#1a1599 ■#221dcc ■#2b24ff

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

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

#221dccの配色パターン

#a5a3ccの配色パターン

#7d7accの配色パターン

#5652ccの配色パターン

#2e29ccの配色パターン

#0700ccの配色パターン

■#221dcc ■#a5a3cc ■#7d7acc ■#5652cc ■#2e29cc ■#0700cc

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

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

#221dccの配色パターン

#c6cc1dの配色パターン

■#221dcc ■#c6cc1d

トライアド配色Triads

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

#221dccの配色パターン

#cc221dの配色パターン

#1dcc22の配色パターン

■#221dcc ■#cc221d ■#1dcc22

アナロガス配色Analogous

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

#1dc6ccの配色パターン

#221dccの配色パターン

#cc1dc6の配色パターン

■#1dc6cc ■#221dcc ■#cc1dc6

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

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

#221dccの配色パターン

#cc7a1dの配色パターン

#6ecc1dの配色パターン

■#221dcc ■#cc7a1d ■#6ecc1d

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

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

#221dccの配色パターン

#cc221dの配色パターン

#c6cc1dの配色パターン

#1dc6ccの配色パターン

■#221dcc ■#cc221d ■#c6cc1d ■#1dc6cc

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

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

#221dccの配色パターン

#cc1d6eの配色パターン

#c6cc1dの配色パターン

#1dcc7aの配色パターン

■#221dcc ■#cc1d6e ■#c6cc1d ■#1dcc7a

ペンタード配色Pentad

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

#221dccの配色パターン

#cc1da3の配色パターン

#cc691dの配色パターン

#5dcc1dの配色パターン

#1dccafの配色パターン

■#221dcc ■#cc1da3 ■#cc691d ■#5dcc1d ■#1dccaf

ヘクサード配色Hexad

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

#221dccの配色パターン

#cc1dc6の配色パターン

#cc221dの配色パターン

#c6cc1dの配色パターン

#1dcc22の配色パターン

#1dc6ccの配色パターン

■#221dcc ■#cc1dc6 ■#cc221d ■#c6cc1d ■#1dcc22 ■#1dc6cc