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

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

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

キーカラーKey Color

配色の基準となる色

#bb448fの配色パターン

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

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

#bb448fの配色パターン

#331227の配色パターン

#66254eの配色パターン

#993775の配色パターン

#cc499cの配色パターン

#ff5cc3の配色パターン

■#bb448f ■#331227 ■#66254e ■#993775 ■#cc499c ■#ff5cc3

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

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

#bb448fの配色パターン

#ba95acの配色パターン

#ba709fの配色パターン

#ba4a91の配色パターン

#ba2584の配色パターン

#ba0076の配色パターン

■#bb448f ■#ba95ac ■#ba709f ■#ba4a91 ■#ba2584 ■#ba0076

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

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

#bb448fの配色パターン

#43ba6fの配色パターン

■#bb448f ■#43ba6f

トライアド配色Triads

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

#bb448fの配色パターン

#8eba43の配色パターン

#438ebaの配色パターン

■#bb448f ■#8eba43 ■#438eba

アナロガス配色Analogous

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

#6f43baの配色パターン

#bb448fの配色パターン

#ba6f43の配色パターン

■#6f43ba ■#bb448f ■#ba6f43

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

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

#bb448fの配色パターン

#53ba43の配色パターン

#43baaaの配色パターン

■#bb448f ■#53ba43 ■#43baaa

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

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

#bb448fの配色パターン

#8eba43の配色パターン

#43ba6fの配色パターン

#6f43baの配色パターン

■#bb448f ■#8eba43 ■#43ba6f ■#6f43ba

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

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

#bb448fの配色パターン

#baaa43の配色パターン

#43ba6fの配色パターン

#4353baの配色パターン

■#bb448f ■#baaa43 ■#43ba6f ■#4353ba

ペンタード配色Pentad

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

#bb448fの配色パターン

#ba8743の配色パターン

#5fba43の配色パターン

#43bab6の配色パターン

#5743baの配色パターン

■#bb448f ■#ba8743 ■#5fba43 ■#43bab6 ■#5743ba

ヘクサード配色Hexad

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

#bb448fの配色パターン

#ba6f43の配色パターン

#8eba43の配色パターン

#43ba6fの配色パターン

#438ebaの配色パターン

#6f43baの配色パターン

■#bb448f ■#ba6f43 ■#8eba43 ■#43ba6f ■#438eba ■#6f43ba