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

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

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

キーカラーKey Color

配色の基準となる色

#665070の配色パターン

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

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

#665070の配色パターン

#2e2433の配色パターン

#5d4866の配色パターン

#8b6d99の配色パターン

#b991ccの配色パターン

#e8b5ffの配色パターン

■#665070 ■#2e2433 ■#5d4866 ■#8b6d99 ■#b991cc ■#e8b5ff

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

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

#665070の配色パターン

#695a70の配色パターン

#624370の配色パターン

#5b2d70の配色パターン

#541670の配色パターン

#4d0070の配色パターン

■#665070 ■#695a70 ■#624370 ■#5b2d70 ■#541670 ■#4d0070

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

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

#665070の配色パターン

#5a7050の配色パターン

■#665070 ■#5a7050

トライアド配色Triads

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

#665070の配色パターン

#706650の配色パターン

#507066の配色パターン

■#665070 ■#706650 ■#507066

アナロガス配色Analogous

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

#505a70の配色パターン

#665070の配色パターン

#70505aの配色パターン

■#505a70 ■#665070 ■#70505a

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

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

#665070の配色パターン

#6a7050の配色パターン

#507056の配色パターン

■#665070 ■#6a7050 ■#507056

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

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

#665070の配色パターン

#706650の配色パターン

#5a7050の配色パターン

#505a70の配色パターン

■#665070 ■#706650 ■#5a7050 ■#505a70

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

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

#665070の配色パターン

#705650の配色パターン

#5a7050の配色パターン

#506a70の配色パターン

■#665070 ■#705650 ■#5a7050 ■#506a70

ペンタード配色Pentad

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

#665070の配色パターン

#705053の配色パターン

#6d7050の配色パターン

#507059の配色パターン

#506070の配色パターン

■#665070 ■#705053 ■#6d7050 ■#507059 ■#506070

ヘクサード配色Hexad

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

#665070の配色パターン

#70505aの配色パターン

#706650の配色パターン

#5a7050の配色パターン

#507066の配色パターン

#505a70の配色パターン

■#665070 ■#70505a ■#706650 ■#5a7050 ■#507066 ■#505a70