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

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

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

キーカラーKey Color

配色の基準となる色

#5107a6の配色パターン

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

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

#5107a6の配色パターン

#190233の配色パターン

#320466の配色パターン

#4b0699の配色パターン

#6408ccの配色パターン

#7c0affの配色パターン

■#5107a6 ■#190233 ■#320466 ■#4b0699 ■#6408cc ■#7c0aff

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

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

#5107a6の配色パターン

#9485a6の配色パターン

#8263a6の配色パターン

#7142a6の配色パターン

#5f21a6の配色パターン

#4d00a6の配色パターン

■#5107a6 ■#9485a6 ■#8263a6 ■#7142a6 ■#5f21a6 ■#4d00a6

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

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

#5107a6の配色パターン

#5ba607の配色パターン

■#5107a6 ■#5ba607

トライアド配色Triads

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

#5107a6の配色パターン

#a65107の配色パターン

#07a651の配色パターン

■#5107a6 ■#a65107 ■#07a651

アナロガス配色Analogous

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

#075ba6の配色パターン

#5107a6の配色パターン

#a6075bの配色パターン

■#075ba6 ■#5107a6 ■#a6075b

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

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

#5107a6の配色パターン

#a6a007の配色パターン

#0ca607の配色パターン

■#5107a6 ■#a6a007 ■#0ca607

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

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

#5107a6の配色パターン

#a65107の配色パターン

#5ba607の配色パターン

#075ba6の配色パターン

■#5107a6 ■#a65107 ■#5ba607 ■#075ba6

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

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

#5107a6の配色パターン

#a6070cの配色パターン

#5ba607の配色パターン

#07a6a0の配色パターン

■#5107a6 ■#a6070c ■#5ba607 ■#07a6a0

ペンタード配色Pentad

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

#5107a6の配色パターン

#a6073cの配色パターン

#a69107の配色パターン

#07a611の配色パターン

#077ba6の配色パターン

■#5107a6 ■#a6073c ■#a69107 ■#07a611 ■#077ba6

ヘクサード配色Hexad

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

#5107a6の配色パターン

#a6075bの配色パターン

#a65107の配色パターン

#5ba607の配色パターン

#07a651の配色パターン

#075ba6の配色パターン

■#5107a6 ■#a6075b ■#a65107 ■#5ba607 ■#07a651 ■#075ba6