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

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

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

キーカラーKey Color

配色の基準となる色

#6656acの配色パターン

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

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

#6656acの配色パターン

#1e1a33の配色パターン

#3c3366の配色パターン

#5b4d99の配色パターン

#7966ccの配色パターン

#9780ffの配色パターン

■#6656ac ■#1e1a33 ■#3c3366 ■#5b4d99 ■#7966cc ■#9780ff

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

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

#6656acの配色パターン

#8f89abの配色パターン

#7367abの配色パターン

#5744abの配色パターン

#3b22abの配色パターン

#1f00abの配色パターン

■#6656ac ■#8f89ab ■#7367ab ■#5744ab ■#3b22ab ■#1f00ab

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

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

#6656acの配色パターン

#9bab55の配色パターン

■#6656ac ■#9bab55

トライアド配色Triads

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

#6656acの配色パターン

#ab6555の配色パターン

#55ab65の配色パターン

■#6656ac ■#ab6555 ■#55ab65

アナロガス配色Analogous

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

#559babの配色パターン

#6656acの配色パターン

#ab559bの配色パターン

■#559bab ■#6656ac ■#ab559b

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

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

#6656acの配色パターン

#ab9055の配色パターン

#70ab55の配色パターン

■#6656ac ■#ab9055 ■#70ab55

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

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

#6656acの配色パターン

#ab6555の配色パターン

#9bab55の配色パターン

#559babの配色パターン

■#6656ac ■#ab6555 ■#9bab55 ■#559bab

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

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

#6656acの配色パターン

#ab5570の配色パターン

#9bab55の配色パターン

#55ab90の配色パターン

■#6656ac ■#ab5570 ■#9bab55 ■#55ab90

ペンタード配色Pentad

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

#6656acの配色パターン

#ab558aの配色パターン

#ab8755の配色パターン

#68ab55の配色パターン

#55aba9の配色パターン

■#6656ac ■#ab558a ■#ab8755 ■#68ab55 ■#55aba9

ヘクサード配色Hexad

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

#6656acの配色パターン

#ab559bの配色パターン

#ab6555の配色パターン

#9bab55の配色パターン

#55ab65の配色パターン

#559babの配色パターン

■#6656ac ■#ab559b ■#ab6555 ■#9bab55 ■#55ab65 ■#559bab