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

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

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

キーカラーKey Color

配色の基準となる色

#20a881の配色パターン

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

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

#20a881の配色パターン

#0a3327の配色パターン

#13664fの配色パターン

#1d9976の配色パターン

#27cc9dの配色パターン

#30ffc4の配色パターン

■#20a881 ■#0a3327 ■#13664f ■#1d9976 ■#27cc9d ■#30ffc4

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

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

#20a881の配色パターン

#87a89fの配色パターン

#65a895の配色パターン

#43a88cの配色パターン

#22a882の配色パターン

#00a879の配色パターン

■#20a881 ■#87a89f ■#65a895 ■#43a88c ■#22a882 ■#00a879

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

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

#20a881の配色パターン

#a82047の配色パターン

■#20a881 ■#a82047

トライアド配色Triads

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

#20a881の配色パターン

#8220a8の配色パターン

#a88220の配色パターン

■#20a881 ■#8220a8 ■#a88220

アナロガス配色Analogous

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

#47a820の配色パターン

#20a881の配色パターン

#2047a8の配色パターン

■#47a820 ■#20a881 ■#2047a8

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

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

#20a881の配色パターン

#a8208bの配色パターン

#a83e20の配色パターン

■#20a881 ■#a8208b ■#a83e20

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

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

#20a881の配色パターン

#8220a8の配色パターン

#a82047の配色パターン

#47a820の配色パターン

■#20a881 ■#8220a8 ■#a82047 ■#47a820

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

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

#20a881の配色パターン

#3e20a8の配色パターン

#a82047の配色パターン

#8ba820の配色パターン

■#20a881 ■#3e20a8 ■#a82047 ■#8ba820

ペンタード配色Pentad

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

#20a881の配色パターン

#202ba8の配色パターン

#a82098の配色パターン

#a84b20の配色パターン

#62a820の配色パターン

■#20a881 ■#202ba8 ■#a82098 ■#a84b20 ■#62a820

ヘクサード配色Hexad

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

#20a881の配色パターン

#2047a8の配色パターン

#8220a8の配色パターン

#a82047の配色パターン

#a88220の配色パターン

#47a820の配色パターン

■#20a881 ■#2047a8 ■#8220a8 ■#a82047 ■#a88220 ■#47a820