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

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

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

キーカラーKey Color

配色の基準となる色

#3fc93dの配色パターン

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

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

#3fc93dの配色パターン

#10330fの配色パターン

#20661fの配色パターン

#30992eの配色パターン

#40cc3dの配色パターン

#4fff4dの配色パターン

■#3fc93d ■#10330f ■#20661f ■#30992e ■#40cc3d ■#4fff4d

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

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

#3fc93dの配色パターン

#a2c9a1の配色パターン

#7ac979の配色パターン

#53c951の配色パターン

#2bc928の配色パターン

#03c900の配色パターン

■#3fc93d ■#a2c9a1 ■#7ac979 ■#53c951 ■#2bc928 ■#03c900

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

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

#3fc93dの配色パターン

#c73cc9の配色パターン

■#3fc93d ■#c73cc9

トライアド配色Triads

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

#3fc93dの配色パターン

#3c3fc9の配色パターン

#c93c3fの配色パターン

■#3fc93d ■#3c3fc9 ■#c93c3f

アナロガス配色Analogous

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

#c9c73cの配色パターン

#3fc93dの配色パターン

#3cc9c7の配色パターン

■#c9c73c ■#3fc93d ■#3cc9c7

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

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

#3fc93dの配色パターン

#813cc9の配色パターン

#c93c85の配色パターン

■#3fc93d ■#813cc9 ■#c93c85

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

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

#3fc93dの配色パターン

#3c3fc9の配色パターン

#c73cc9の配色パターン

#c9c73cの配色パターン

■#3fc93d ■#3c3fc9 ■#c73cc9 ■#c9c73c

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

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

#3fc93dの配色パターン

#3c85c9の配色パターン

#c73cc9の配色パターン

#c9813cの配色パターン

■#3fc93d ■#3c85c9 ■#c73cc9 ■#c9813c

ペンタード配色Pentad

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

#3fc93dの配色パターン

#3cb0c9の配色パターン

#723cc9の配色パターン

#c93c77の配色パターン

#c9ab3cの配色パターン

■#3fc93d ■#3cb0c9 ■#723cc9 ■#c93c77 ■#c9ab3c

ヘクサード配色Hexad

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

#3fc93dの配色パターン

#3cc9c7の配色パターン

#3c3fc9の配色パターン

#c73cc9の配色パターン

#c93c3fの配色パターン

#c9c73cの配色パターン

■#3fc93d ■#3cc9c7 ■#3c3fc9 ■#c73cc9 ■#c93c3f ■#c9c73c