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

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

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

キーカラーKey Color

配色の基準となる色

#b0e3aeの配色パターン

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

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

#b0e3aeの配色パターン

#283327の配色パターン

#4f664fの配色パターン

#779976の配色パターン

#9fcc9dの配色パターン

#c6ffc4の配色パターン

■#b0e3ae ■#283327 ■#4f664f ■#779976 ■#9fcc9d ■#c6ffc4

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

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

#b0e3aeの配色パターン

#b7e3b6の配色パターン

#8be388の配色パターン

#5fe35bの配色パターン

#33e32dの配色パターン

#08e300の配色パターン

■#b0e3ae ■#b7e3b6 ■#8be388 ■#5fe35b ■#33e32d ■#08e300

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

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

#b0e3aeの配色パターン

#e1afe3の配色パターン

■#b0e3ae ■#e1afe3

トライアド配色Triads

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

#b0e3aeの配色パターン

#afb0e3の配色パターン

#e3afb0の配色パターン

■#b0e3ae ■#afb0e3 ■#e3afb0

アナロガス配色Analogous

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

#e3e1afの配色パターン

#b0e3aeの配色パターン

#afe3e1の配色パターン

■#e3e1af ■#b0e3ae ■#afe3e1

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

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

#b0e3aeの配色パターン

#c7afe3の配色パターン

#e3afcbの配色パターン

■#b0e3ae ■#c7afe3 ■#e3afcb

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

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

#b0e3aeの配色パターン

#afb0e3の配色パターン

#e1afe3の配色パターン

#e3e1afの配色パターン

■#b0e3ae ■#afb0e3 ■#e1afe3 ■#e3e1af

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

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

#b0e3aeの配色パターン

#afcbe3の配色パターン

#e1afe3の配色パターン

#e3c7afの配色パターン

■#b0e3ae ■#afcbe3 ■#e1afe3 ■#e3c7af

ペンタード配色Pentad

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

#b0e3aeの配色パターン

#afdae3の配色パターン

#c2afe3の配色パターン

#e3afc5の配色パターン

#e3d7afの配色パターン

■#b0e3ae ■#afdae3 ■#c2afe3 ■#e3afc5 ■#e3d7af

ヘクサード配色Hexad

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

#b0e3aeの配色パターン

#afe3e1の配色パターン

#afb0e3の配色パターン

#e1afe3の配色パターン

#e3afb0の配色パターン

#e3e1afの配色パターン

■#b0e3ae ■#afe3e1 ■#afb0e3 ■#e1afe3 ■#e3afb0 ■#e3e1af