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

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

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

キーカラーKey Color

配色の基準となる色

#66659cの配色パターン

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

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

#66659cの配色パターン

#212133の配色パターン

#434266の配色パターン

#646399の配色パターン

#8685ccの配色パターン

#a7a6ffの配色パターン

■#66659c ■#212133 ■#434266 ■#646399 ■#8685cc ■#a7a6ff

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

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

#66659cの配色パターン

#7d7c9cの配色パターン

#5e5d9cの配色パターン

#403e9cの配色パターン

#211f9cの配色パターン

#03009cの配色パターン

■#66659c ■#7d7c9c ■#5e5d9c ■#403e9c ■#211f9c ■#03009c

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

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

#66659cの配色パターン

#9b9c65の配色パターン

■#66659c ■#9b9c65

トライアド配色Triads

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

#66659cの配色パターン

#9c6665の配色パターン

#659c66の配色パターン

■#66659c ■#9c6665 ■#659c66

アナロガス配色Analogous

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

#659b9cの配色パターン

#66659cの配色パターン

#9c659bの配色パターン

■#659b9c ■#66659c ■#9c659b

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

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

#66659cの配色パターン

#9c8165の配色パターン

#7f9c65の配色パターン

■#66659c ■#9c8165 ■#7f9c65

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

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

#66659cの配色パターン

#9c6665の配色パターン

#9b9c65の配色パターン

#659b9cの配色パターン

■#66659c ■#9c6665 ■#9b9c65 ■#659b9c

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

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

#66659cの配色パターン

#9c657fの配色パターン

#9b9c65の配色パターン

#659c81の配色パターン

■#66659c ■#9c657f ■#9b9c65 ■#659c81

ペンタード配色Pentad

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

#66659cの配色パターン

#9c6590の配色パターン

#9c7c65の配色パターン

#7a9c65の配色パターン

#659c92の配色パターン

■#66659c ■#9c6590 ■#9c7c65 ■#7a9c65 ■#659c92

ヘクサード配色Hexad

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

#66659cの配色パターン

#9c659bの配色パターン

#9c6665の配色パターン

#9b9c65の配色パターン

#659c66の配色パターン

#659b9cの配色パターン

■#66659c ■#9c659b ■#9c6665 ■#9b9c65 ■#659c66 ■#659b9c