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

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

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

キーカラーKey Color

配色の基準となる色

#ba6cadの配色パターン

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

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

#ba6cadの配色パターン

#331e2fの配色パターン

#663b5fの配色パターン

#99598eの配色パターン

#cc76beの配色パターン

#ff94edの配色パターン

■#ba6cad ■#331e2f ■#663b5f ■#99598e ■#cc76be ■#ff94ed

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

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

#ba6cadの配色パターン

#ba95b4の配色パターン

#ba70aeの配色パターン

#ba4aa8の配色パターン

#ba25a1の配色パターン

#ba009bの配色パターン

■#ba6cad ■#ba95b4 ■#ba70ae ■#ba4aa8 ■#ba25a1 ■#ba009b

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

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

#ba6cadの配色パターン

#6cba79の配色パターン

■#ba6cad ■#6cba79

トライアド配色Triads

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

#ba6cadの配色パターン

#adba6cの配色パターン

#6cadbaの配色パターン

■#ba6cad ■#adba6c ■#6cadba

アナロガス配色Analogous

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

#796cbaの配色パターン

#ba6cadの配色パターン

#ba796cの配色パターン

■#796cba ■#ba6cad ■#ba796c

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

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

#ba6cadの配色パターン

#86ba6cの配色パターン

#6cbaa0の配色パターン

■#ba6cad ■#86ba6c ■#6cbaa0

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

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

#ba6cadの配色パターン

#adba6cの配色パターン

#6cba79の配色パターン

#796cbaの配色パターン

■#ba6cad ■#adba6c ■#6cba79 ■#796cba

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

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

#ba6cadの配色パターン

#baa06cの配色パターン

#6cba79の配色パターン

#6c86baの配色パターン

■#ba6cad ■#baa06c ■#6cba79 ■#6c86ba

ペンタード配色Pentad

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

#ba6cadの配色パターン

#ba896cの配色パターン

#8eba6cの配色パターン

#6cbaa8の配色パターン

#6c6fbaの配色パターン

■#ba6cad ■#ba896c ■#8eba6c ■#6cbaa8 ■#6c6fba

ヘクサード配色Hexad

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

#ba6cadの配色パターン

#ba796cの配色パターン

#adba6cの配色パターン

#6cba79の配色パターン

#6cadbaの配色パターン

#796cbaの配色パターン

■#ba6cad ■#ba796c ■#adba6c ■#6cba79 ■#6cadba ■#796cba