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

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

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

キーカラーKey Color

配色の基準となる色

#b1e3aeの配色パターン

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

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

#b1e3aeの配色パターン

#283327の配色パターン

#50664fの配色パターン

#789976の配色パターン

#9fcc9dの配色パターン

#c7ffc4の配色パターン

■#b1e3ae ■#283327 ■#50664f ■#789976 ■#9fcc9d ■#c7ffc4

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

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

#b1e3aeの配色パターン

#b8e3b6の配色パターン

#8de388の配色パターン

#62e35bの配色パターン

#36e32dの配色パターン

#0be300の配色パターン

■#b1e3ae ■#b8e3b6 ■#8de388 ■#62e35b ■#36e32d ■#0be300

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

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

#b1e3aeの配色パターン

#e0afe3の配色パターン

■#b1e3ae ■#e0afe3

トライアド配色Triads

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

#b1e3aeの配色パターン

#afb1e3の配色パターン

#e3afb1の配色パターン

■#b1e3ae ■#afb1e3 ■#e3afb1

アナロガス配色Analogous

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

#e3e0afの配色パターン

#b1e3aeの配色パターン

#afe3e0の配色パターン

■#e3e0af ■#b1e3ae ■#afe3e0

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

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

#b1e3aeの配色パターン

#c6afe3の配色パターン

#e3afcbの配色パターン

■#b1e3ae ■#c6afe3 ■#e3afcb

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

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

#b1e3aeの配色パターン

#afb1e3の配色パターン

#e0afe3の配色パターン

#e3e0afの配色パターン

■#b1e3ae ■#afb1e3 ■#e0afe3 ■#e3e0af

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

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

#b1e3aeの配色パターン

#afcbe3の配色パターン

#e0afe3の配色パターン

#e3c6afの配色パターン

■#b1e3ae ■#afcbe3 ■#e0afe3 ■#e3c6af

ペンタード配色Pentad

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

#b1e3aeの配色パターン

#afdbe3の配色パターン

#c1afe3の配色パターン

#e3afc6の配色パターン

#e3d6afの配色パターン

■#b1e3ae ■#afdbe3 ■#c1afe3 ■#e3afc6 ■#e3d6af

ヘクサード配色Hexad

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

#b1e3aeの配色パターン

#afe3e0の配色パターン

#afb1e3の配色パターン

#e0afe3の配色パターン

#e3afb1の配色パターン

#e3e0afの配色パターン

■#b1e3ae ■#afe3e0 ■#afb1e3 ■#e0afe3 ■#e3afb1 ■#e3e0af