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

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

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

キーカラーKey Color

配色の基準となる色

#6671a0の配色パターン

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

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

#6671a0の配色パターン

#212433の配色パターン

#414866の配色パターン

#626c99の配色パターン

#8390ccの配色パターン

#a3b4ffの配色パターン

■#6671a0 ■#212433 ■#414866 ■#626c99 ■#8390cc ■#a3b4ff

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

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

#6671a0の配色パターン

#8186a1の配色パターン

#606ca1の配色パターン

#4052a1の配色パターン

#2038a1の配色パターン

#001da1の配色パターン

■#6671a0 ■#8186a1 ■#606ca1 ■#4052a1 ■#2038a1 ■#001da1

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

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

#6671a0の配色パターン

#a19667の配色パターン

■#6671a0 ■#a19667

トライアド配色Triads

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

#6671a0の配色パターン

#a16771の配色パターン

#71a167の配色パターン

■#6671a0 ■#a16771 ■#71a167

アナロガス配色Analogous

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

#67a196の配色パターン

#6671a0の配色パターン

#9667a1の配色パターン

■#67a196 ■#6671a0 ■#9667a1

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

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

#6671a0の配色パターン

#a17967の配色パターン

#8ea167の配色パターン

■#6671a0 ■#a17967 ■#8ea167

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

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

#6671a0の配色パターン

#a16771の配色パターン

#a19667の配色パターン

#67a196の配色パターン

■#6671a0 ■#a16771 ■#a19667 ■#67a196

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

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

#6671a0の配色パターン

#a1678eの配色パターン

#a19667の配色パターン

#67a179の配色パターン

■#6671a0 ■#a1678e ■#a19667 ■#67a179

ペンタード配色Pentad

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

#6671a0の配色パターン

#a167a0の配色パターン

#a17367の配色パターン

#89a167の配色パターン

#67a18aの配色パターン

■#6671a0 ■#a167a0 ■#a17367 ■#89a167 ■#67a18a

ヘクサード配色Hexad

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

#6671a0の配色パターン

#9667a1の配色パターン

#a16771の配色パターン

#a19667の配色パターン

#71a167の配色パターン

#67a196の配色パターン

■#6671a0 ■#9667a1 ■#a16771 ■#a19667 ■#71a167 ■#67a196