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

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

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

キーカラーKey Color

配色の基準となる色

#9cad5fの配色パターン

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

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

#9cad5fの配色パターン

#2e331cの配色パターン

#5c6638の配色パターン

#8a9954の配色パターン

#b8cc70の配色パターン

#e6ff8cの配色パターン

■#9cad5f ■#2e331c ■#5c6638 ■#8a9954 ■#b8cc70 ■#e6ff8c

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

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

#9cad5fの配色パターン

#a6ad8bの配色パターン

#9ead68の配色パターン

#97ad45の配色パターン

#8fad23の配色パターン

#88ad00の配色パターン

■#9cad5f ■#a6ad8b ■#9ead68 ■#97ad45 ■#8fad23 ■#88ad00

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

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

#9cad5fの配色パターン

#705fadの配色パターン

■#9cad5f ■#705fad

トライアド配色Triads

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

#9cad5fの配色パターン

#5f9cadの配色パターン

#ad5f9cの配色パターン

■#9cad5f ■#5f9cad ■#ad5f9c

アナロガス配色Analogous

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

#ad705fの配色パターン

#9cad5fの配色パターン

#5fad70の配色パターン

■#ad705f ■#9cad5f ■#5fad70

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

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

#9cad5fの配色パターン

#5f75adの配色パターン

#975fadの配色パターン

■#9cad5f ■#5f75ad ■#975fad

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

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

#9cad5fの配色パターン

#5f9cadの配色パターン

#705fadの配色パターン

#ad705fの配色パターン

■#9cad5f ■#5f9cad ■#705fad ■#ad705f

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

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

#9cad5fの配色パターン

#5fad97の配色パターン

#705fadの配色パターン

#ad5f75の配色パターン

■#9cad5f ■#5fad97 ■#705fad ■#ad5f75

ペンタード配色Pentad

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

#9cad5fの配色パターン

#5fad80の配色パターン

#5f7dadの配色パターン

#9f5fadの配色パターン

#ad615fの配色パターン

■#9cad5f ■#5fad80 ■#5f7dad ■#9f5fad ■#ad615f

ヘクサード配色Hexad

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

#9cad5fの配色パターン

#5fad70の配色パターン

#5f9cadの配色パターン

#705fadの配色パターン

#ad5f9cの配色パターン

#ad705fの配色パターン

■#9cad5f ■#5fad70 ■#5f9cad ■#705fad ■#ad5f9c ■#ad705f