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

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

#0021a3の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#0021a3の配色パターン

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

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

#0021a3の配色パターン

#000a33の配色パターン

#001466の配色パターン

#001f99の配色パターン

#0029ccの配色パターン

#0033ffの配色パターン

■#0021a3 ■#000a33 ■#001466 ■#001f99 ■#0029cc ■#0033ff

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

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

#0021a3の配色パターン

#8389a3の配色パターン

#626fa3の配色パターン

#4155a3の配色パターン

#213ba3の配色パターン

#0021a3の配色パターン

■#0021a3 ■#8389a3 ■#626fa3 ■#4155a3 ■#213ba3 ■#0021a3

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

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

#0021a3の配色パターン

#a38300の配色パターン

■#0021a3 ■#a38300

トライアド配色Triads

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

#0021a3の配色パターン

#a30021の配色パターン

#21a300の配色パターン

■#0021a3 ■#a30021 ■#21a300

アナロガス配色Analogous

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

#00a383の配色パターン

#0021a3の配色パターン

#8300a3の配色パターン

■#00a383 ■#0021a3 ■#8300a3

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

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

#0021a3の配色パターン

#a33100の配色パターン

#72a300の配色パターン

■#0021a3 ■#a33100 ■#72a300

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

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

#0021a3の配色パターン

#a30021の配色パターン

#a38300の配色パターン

#00a383の配色パターン

■#0021a3 ■#a30021 ■#a38300 ■#00a383

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

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

#0021a3の配色パターン

#a30072の配色パターン

#a38300の配色パターン

#00a331の配色パターン

■#0021a3 ■#a30072 ■#a38300 ■#00a331

ペンタード配色Pentad

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

#0021a3の配色パターン

#a300a3の配色パターン

#a32100の配色パターン

#62a300の配色パターン

#00a362の配色パターン

■#0021a3 ■#a300a3 ■#a32100 ■#62a300 ■#00a362

ヘクサード配色Hexad

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

#0021a3の配色パターン

#8300a3の配色パターン

#a30021の配色パターン

#a38300の配色パターン

#21a300の配色パターン

#00a383の配色パターン

■#0021a3 ■#8300a3 ■#a30021 ■#a38300 ■#21a300 ■#00a383