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

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

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

キーカラーKey Color

配色の基準となる色

#676890の配色パターン

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

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

#676890の配色パターン

#252533の配色パターン

#494a66の配色パターン

#6e6f99の配色パターン

#9394ccの配色パターン

#b8b9ffの配色パターン

■#676890 ■#252533 ■#494a66 ■#6e6f99 ■#9394cc ■#b8b9ff

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

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

#676890の配色パターン

#72738fの配色パターン

#56578fの配色パターン

#393b8fの配色パターン

#1d1e8fの配色パターン

#00028fの配色パターン

■#676890 ■#72738f ■#56578f ■#393b8f ■#1d1e8f ■#00028f

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

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

#676890の配色パターン

#8f8e67の配色パターン

■#676890 ■#8f8e67

トライアド配色Triads

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

#676890の配色パターン

#8f6767の配色パターン

#678f67の配色パターン

■#676890 ■#8f6767 ■#678f67

アナロガス配色Analogous

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

#678f8eの配色パターン

#676890の配色パターン

#8e678fの配色パターン

■#678f8e ■#676890 ■#8e678f

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

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

#676890の配色パターン

#8f7a67の配色パターン

#7b8f67の配色パターン

■#676890 ■#8f7a67 ■#7b8f67

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

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

#676890の配色パターン

#8f6767の配色パターン

#8f8e67の配色パターン

#678f8eの配色パターン

■#676890 ■#8f6767 ■#8f8e67 ■#678f8e

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

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

#676890の配色パターン

#8f677bの配色パターン

#8f8e67の配色パターン

#678f7aの配色パターン

■#676890 ■#8f677b ■#8f8e67 ■#678f7a

ペンタード配色Pentad

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

#676890の配色パターン

#8f6787の配色パターン

#8f7667の配色パターン

#778f67の配色パターン

#678f86の配色パターン

■#676890 ■#8f6787 ■#8f7667 ■#778f67 ■#678f86

ヘクサード配色Hexad

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

#676890の配色パターン

#8e678fの配色パターン

#8f6767の配色パターン

#8f8e67の配色パターン

#678f67の配色パターン

#678f8eの配色パターン

■#676890 ■#8e678f ■#8f6767 ■#8f8e67 ■#678f67 ■#678f8e