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

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

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

キーカラーKey Color

配色の基準となる色

#55ad6aの配色パターン

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

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

#55ad6aの配色パターン

#19331fの配色パターン

#32663eの配色パターン

#4b995dの配色パターン

#64cc7cの配色パターン

#7dff9bの配色パターン

■#55ad6a ■#19331f ■#32663e ■#4b995d ■#64cc7c ■#7dff9b

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

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

#55ad6aの配色パターン

#8bad93の配色パターン

#68ad78の配色パターン

#45ad5eの配色パターン

#23ad43の配色パターン

#00ad28の配色パターン

■#55ad6a ■#8bad93 ■#68ad78 ■#45ad5e ■#23ad43 ■#00ad28

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

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

#55ad6aの配色パターン

#ad5599の配色パターン

■#55ad6a ■#ad5599

トライアド配色Triads

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

#55ad6aの配色パターン

#6a55adの配色パターン

#ad6a55の配色パターン

■#55ad6a ■#6a55ad ■#ad6a55

アナロガス配色Analogous

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

#99ad55の配色パターン

#55ad6aの配色パターン

#5599adの配色パターン

■#99ad55 ■#55ad6a ■#5599ad

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

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

#55ad6aの配色パターン

#9655adの配色パターン

#ad556dの配色パターン

■#55ad6a ■#9655ad ■#ad556d

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

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

#55ad6aの配色パターン

#6a55adの配色パターン

#ad5599の配色パターン

#99ad55の配色パターン

■#55ad6a ■#6a55ad ■#ad5599 ■#99ad55

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

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

#55ad6aの配色パターン

#556dadの配色パターン

#ad5599の配色パターン

#ad9655の配色パターン

■#55ad6a ■#556dad ■#ad5599 ■#ad9655

ペンタード配色Pentad

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

#55ad6aの配色パターン

#5587adの配色パターン

#8d55adの配色パターン

#ad5564の配色パターン

#aaad55の配色パターン

■#55ad6a ■#5587ad ■#8d55ad ■#ad5564 ■#aaad55

ヘクサード配色Hexad

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

#55ad6aの配色パターン

#5599adの配色パターン

#6a55adの配色パターン

#ad5599の配色パターン

#ad6a55の配色パターン

#99ad55の配色パターン

■#55ad6a ■#5599ad ■#6a55ad ■#ad5599 ■#ad6a55 ■#99ad55