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

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

#20c75dの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#20c75dの配色パターン

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

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

#20c75dの配色パターン

#083318の配色パターン

#106630の配色パターン

#189948の配色パターン

#21cc5fの配色パターン

#29ff77の配色パターン

■#20c75d ■#083318 ■#106630 ■#189948 ■#21cc5f ■#29ff77

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

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

#20c75dの配色パターン

#9fc7aeの配色パターン

#77c795の配色パターン

#50c77bの配色パターン

#28c762の配色パターン

#00c749の配色パターン

■#20c75d ■#9fc7ae ■#77c795 ■#50c77b ■#28c762 ■#00c749

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

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

#20c75dの配色パターン

#c7208aの配色パターン

■#20c75d ■#c7208a

トライアド配色Triads

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

#20c75dの配色パターン

#5d20c7の配色パターン

#c75d20の配色パターン

■#20c75d ■#5d20c7 ■#c75d20

アナロガス配色Analogous

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

#8ac720の配色パターン

#20c75dの配色パターン

#208ac7の配色パターン

■#8ac720 ■#20c75d ■#208ac7

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

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

#20c75dの配色パターン

#b120c7の配色パターン

#c72036の配色パターン

■#20c75d ■#b120c7 ■#c72036

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

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

#20c75dの配色パターン

#5d20c7の配色パターン

#c7208aの配色パターン

#8ac720の配色パターン

■#20c75d ■#5d20c7 ■#c7208a ■#8ac720

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

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

#20c75dの配色パターン

#2036c7の配色パターン

#c7208aの配色パターン

#c7b120の配色パターン

■#20c75d ■#2036c7 ■#c7208a ■#c7b120

ペンタード配色Pentad

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

#20c75dの配色パターン

#2068c7の配色パターン

#a020c7の配色パターン

#c72025の配色パターン

#abc720の配色パターン

■#20c75d ■#2068c7 ■#a020c7 ■#c72025 ■#abc720

ヘクサード配色Hexad

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

#20c75dの配色パターン

#208ac7の配色パターン

#5d20c7の配色パターン

#c7208aの配色パターン

#c75d20の配色パターン

#8ac720の配色パターン

■#20c75d ■#208ac7 ■#5d20c7 ■#c7208a ■#c75d20 ■#8ac720