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

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

#6666dcの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#6666dcの配色パターン

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

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

#6666dcの配色パターン

#171733の配色パターン

#2f2f66の配色パターン

#464699の配色パターン

#5e5eccの配色パターン

#7575ffの配色パターン

■#6666dc ■#171733 ■#2f2f66 ■#464699 ■#5e5ecc ■#7575ff

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

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

#6666dcの配色パターン

#afafdbの配色パターン

#8484dbの配色パターン

#5858dbの配色パターン

#2c2cdbの配色パターン

#0000dbの配色パターン

■#6666dc ■#afafdb ■#8484db ■#5858db ■#2c2cdb ■#0000db

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

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

#6666dcの配色パターン

#dbdb65の配色パターン

■#6666dc ■#dbdb65

トライアド配色Triads

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

#6666dcの配色パターン

#db6565の配色パターン

#65db65の配色パターン

■#6666dc ■#db6565 ■#65db65

アナロガス配色Analogous

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

#65dbdbの配色パターン

#6666dcの配色パターン

#db65dbの配色パターン

■#65dbdb ■#6666dc ■#db65db

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

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

#6666dcの配色パターン

#dba065の配色パターン

#a0db65の配色パターン

■#6666dc ■#dba065 ■#a0db65

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

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

#6666dcの配色パターン

#db6565の配色パターン

#dbdb65の配色パターン

#65dbdbの配色パターン

■#6666dc ■#db6565 ■#dbdb65 ■#65dbdb

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

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

#6666dcの配色パターン

#db65a0の配色パターン

#dbdb65の配色パターン

#65dba0の配色パターン

■#6666dc ■#db65a0 ■#dbdb65 ■#65dba0

ペンタード配色Pentad

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

#6666dcの配色パターン

#db65c4の配色パターン

#db9465の配色パターン

#94db65の配色パターン

#65dbc4の配色パターン

■#6666dc ■#db65c4 ■#db9465 ■#94db65 ■#65dbc4

ヘクサード配色Hexad

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

#6666dcの配色パターン

#db65dbの配色パターン

#db6565の配色パターン

#dbdb65の配色パターン

#65db65の配色パターン

#65dbdbの配色パターン

■#6666dc ■#db65db ■#db6565 ■#dbdb65 ■#65db65 ■#65dbdb