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

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

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

キーカラーKey Color

配色の基準となる色

#5034a0の配色パターン

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

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

#5034a0の配色パターン

#1a1033の配色パターン

#332166の配色パターン

#4d3199の配色パターン

#6641ccの配色パターン

#8052ffの配色パターン

■#5034a0 ■#1a1033 ■#332166 ■#4d3199 ■#6641cc ■#8052ff

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

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

#5034a0の配色パターン

#8981a1の配色パターン

#7260a1の配色パターン

#5a40a1の配色パターン

#4220a1の配色パターン

#2b00a1の配色パターン

■#5034a0 ■#8981a1 ■#7260a1 ■#5a40a1 ■#4220a1 ■#2b00a1

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

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

#5034a0の配色パターン

#84a133の配色パターン

■#5034a0 ■#84a133

トライアド配色Triads

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

#5034a0の配色パターン

#a15133の配色パターン

#33a151の配色パターン

■#5034a0 ■#a15133 ■#33a151

アナロガス配色Analogous

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

#3384a1の配色パターン

#5034a0の配色パターン

#a13384の配色パターン

■#3384a1 ■#5034a0 ■#a13384

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

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

#5034a0の配色パターン

#a18733の配色パターン

#4da133の配色パターン

■#5034a0 ■#a18733 ■#4da133

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

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

#5034a0の配色パターン

#a15133の配色パターン

#84a133の配色パターン

#3384a1の配色パターン

■#5034a0 ■#a15133 ■#84a133 ■#3384a1

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

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

#5034a0の配色パターン

#a1334dの配色パターン

#84a133の配色パターン

#33a187の配色パターン

■#5034a0 ■#a1334d ■#84a133 ■#33a187

ペンタード配色Pentad

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

#5034a0の配色パターン

#a1336eの配色パターン

#a17c33の配色パターン

#42a133の配色パターン

#3399a1の配色パターン

■#5034a0 ■#a1336e ■#a17c33 ■#42a133 ■#3399a1

ヘクサード配色Hexad

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

#5034a0の配色パターン

#a13384の配色パターン

#a15133の配色パターン

#84a133の配色パターン

#33a151の配色パターン

#3384a1の配色パターン

■#5034a0 ■#a13384 ■#a15133 ■#84a133 ■#33a151 ■#3384a1