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

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

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

キーカラーKey Color

配色の基準となる色

#50a10aの配色パターン

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

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

#50a10aの配色パターン

#193303の配色パターン

#336606の配色パターン

#4c9909の配色パターン

#66cc0cの配色パターン

#7fff0fの配色パターン

■#50a10a ■#193303 ■#336606 ■#4c9909 ■#66cc0c ■#7fff0f

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

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

#50a10aの配色パターン

#90a181の配色パターン

#7ea160の配色パターン

#6da140の配色パターン

#5ca120の配色パターン

#4ba100の配色パターン

■#50a10a ■#90a181 ■#7ea160 ■#6da140 ■#5ca120 ■#4ba100

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

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

#50a10aの配色パターン

#5a0aa1の配色パターン

■#50a10a ■#5a0aa1

トライアド配色Triads

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

#50a10aの配色パターン

#0a50a1の配色パターン

#a10a50の配色パターン

■#50a10a ■#0a50a1 ■#a10a50

アナロガス配色Analogous

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

#a15a0aの配色パターン

#50a10aの配色パターン

#0aa15aの配色パターン

■#a15a0a ■#50a10a ■#0aa15a

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

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

#50a10aの配色パターン

#0f0aa1の配色パターン

#a10a9cの配色パターン

■#50a10a ■#0f0aa1 ■#a10a9c

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

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

#50a10aの配色パターン

#0a50a1の配色パターン

#5a0aa1の配色パターン

#a15a0aの配色パターン

■#50a10a ■#0a50a1 ■#5a0aa1 ■#a15a0a

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

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

#50a10aの配色パターン

#0a9ca1の配色パターン

#5a0aa1の配色パターン

#a10f0aの配色パターン

■#50a10a ■#0a9ca1 ■#5a0aa1 ■#a10f0a

ペンタード配色Pentad

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

#50a10aの配色パターン

#0aa178の配色パターン

#0a14a1の配色パターン

#a10a8dの配色パターン

#a13c0aの配色パターン

■#50a10a ■#0aa178 ■#0a14a1 ■#a10a8d ■#a13c0a

ヘクサード配色Hexad

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

#50a10aの配色パターン

#0aa15aの配色パターン

#0a50a1の配色パターン

#5a0aa1の配色パターン

#a10a50の配色パターン

#a15a0aの配色パターン

■#50a10a ■#0aa15a ■#0a50a1 ■#5a0aa1 ■#a10a50 ■#a15a0a