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

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

#10a1c1の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#10a1c1の配色パターン

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

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

#10a1c1の配色パターン

#042a33の配色パターン

#085566の配色パターン

#0c7f99の配色パターン

#10aaccの配色パターン

#14d4ffの配色パターン

■#10a1c1 ■#042a33 ■#085566 ■#0c7f99 ■#10aacc ■#14d4ff

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

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

#10a1c1の配色パターン

#9bbbc2の配色パターン

#74b4c2の配色パターン

#4eacc2の配色パターン

#27a5c2の配色パターン

#009ec2の配色パターン

■#10a1c1 ■#9bbbc2 ■#74b4c2 ■#4eacc2 ■#27a5c2 ■#009ec2

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

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

#10a1c1の配色パターン

#c23010の配色パターン

■#10a1c1 ■#c23010

トライアド配色Triads

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

#10a1c1の配色パターン

#c210a1の配色パターン

#a1c210の配色パターン

■#10a1c1 ■#c210a1 ■#a1c210

アナロガス配色Analogous

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

#10c230の配色パターン

#10a1c1の配色パターン

#3010c2の配色パターン

■#10c230 ■#10a1c1 ■#3010c2

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

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

#10a1c1の配色パターン

#c21048の配色パターン

#c28910の配色パターン

■#10a1c1 ■#c21048 ■#c28910

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

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

#10a1c1の配色パターン

#c210a1の配色パターン

#c23010の配色パターン

#10c230の配色パターン

■#10a1c1 ■#c210a1 ■#c23010 ■#10c230

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

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

#10a1c1の配色パターン

#8910c2の配色パターン

#c23010の配色パターン

#48c210の配色パターン

■#10a1c1 ■#8910c2 ■#c23010 ■#48c210

ペンタード配色Pentad

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

#10a1c1の配色パターン

#5410c2の配色パターン

#c2105aの配色パターン

#c29b10の配色パターン

#12c210の配色パターン

■#10a1c1 ■#5410c2 ■#c2105a ■#c29b10 ■#12c210

ヘクサード配色Hexad

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

#10a1c1の配色パターン

#3010c2の配色パターン

#c210a1の配色パターン

#c23010の配色パターン

#a1c210の配色パターン

#10c230の配色パターン

■#10a1c1 ■#3010c2 ■#c210a1 ■#c23010 ■#a1c210 ■#10c230