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

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

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

キーカラーKey Color

配色の基準となる色

#50ab0aの配色パターン

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

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

#50ab0aの配色パターン

#183303の配色パターン

#306606の配色パターン

#489909の配色パターン

#5fcc0cの配色パターン

#77ff0fの配色パターン

■#50ab0a ■#183303 ■#306606 ■#489909 ■#5fcc0c ■#77ff0f

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

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

#50ab0aの配色パターン

#97ab89の配色パターン

#84ab67の配色パターン

#71ab44の配色パターン

#5dab22の配色パターン

#4aab00の配色パターン

■#50ab0a ■#97ab89 ■#84ab67 ■#71ab44 ■#5dab22 ■#4aab00

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

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

#50ab0aの配色パターン

#650aabの配色パターン

■#50ab0a ■#650aab

トライアド配色Triads

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

#50ab0aの配色パターン

#0a50abの配色パターン

#ab0a50の配色パターン

■#50ab0a ■#0a50ab ■#ab0a50

アナロガス配色Analogous

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

#ab650aの配色パターン

#50ab0aの配色パターン

#0aab65の配色パターン

■#ab650a ■#50ab0a ■#0aab65

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

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

#50ab0aの配色パターン

#150aabの配色パターン

#ab0aa0の配色パターン

■#50ab0a ■#150aab ■#ab0aa0

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

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

#50ab0aの配色パターン

#0a50abの配色パターン

#650aabの配色パターン

#ab650aの配色パターン

■#50ab0a ■#0a50ab ■#650aab ■#ab650a

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

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

#50ab0aの配色パターン

#0aa0abの配色パターン

#650aabの配色パターン

#ab150aの配色パターン

■#50ab0a ■#0aa0ab ■#650aab ■#ab150a

ペンタード配色Pentad

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

#50ab0aの配色パターン

#0aab85の配色パターン

#0a10abの配色パターン

#ab0a90の配色パターン

#ab450aの配色パターン

■#50ab0a ■#0aab85 ■#0a10ab ■#ab0a90 ■#ab450a

ヘクサード配色Hexad

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

#50ab0aの配色パターン

#0aab65の配色パターン

#0a50abの配色パターン

#650aabの配色パターン

#ab0a50の配色パターン

#ab650aの配色パターン

■#50ab0a ■#0aab65 ■#0a50ab ■#650aab ■#ab0a50 ■#ab650a