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

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

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

キーカラーKey Color

配色の基準となる色

#20ba56の配色パターン

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

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

#20ba56の配色パターン

#093317の配色パターン

#11662fの配色パターン

#1a9946の配色パターン

#23cc5eの配色パターン

#2bff75の配色パターン

■#20ba56 ■#093317 ■#11662f ■#1a9946 ■#23cc5e ■#2bff75

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

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

#20ba56の配色パターン

#95baa2の配色パターン

#70ba8aの配色パターン

#4aba72の配色パターン

#25ba59の配色パターン

#00ba41の配色パターン

■#20ba56 ■#95baa2 ■#70ba8a ■#4aba72 ■#25ba59 ■#00ba41

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

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

#20ba56の配色パターン

#ba2084の配色パターン

■#20ba56 ■#ba2084

トライアド配色Triads

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

#20ba56の配色パターン

#5620baの配色パターン

#ba5620の配色パターン

■#20ba56 ■#5620ba ■#ba5620

アナロガス配色Analogous

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

#84ba20の配色パターン

#20ba56の配色パターン

#2084baの配色パターン

■#84ba20 ■#20ba56 ■#2084ba

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

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

#20ba56の配色パターン

#a320baの配色パターン

#ba2037の配色パターン

■#20ba56 ■#a320ba ■#ba2037

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

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

#20ba56の配色パターン

#5620baの配色パターン

#ba2084の配色パターン

#84ba20の配色パターン

■#20ba56 ■#5620ba ■#ba2084 ■#84ba20

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

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

#20ba56の配色パターン

#2037baの配色パターン

#ba2084の配色パターン

#baa320の配色パターン

■#20ba56 ■#2037ba ■#ba2084 ■#baa320

ペンタード配色Pentad

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

#20ba56の配色パターン

#2065baの配色パターン

#9420baの配色パターン

#ba2027の配色パターン

#a3ba20の配色パターン

■#20ba56 ■#2065ba ■#9420ba ■#ba2027 ■#a3ba20

ヘクサード配色Hexad

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

#20ba56の配色パターン

#2084baの配色パターン

#5620baの配色パターン

#ba2084の配色パターン

#ba5620の配色パターン

#84ba20の配色パターン

■#20ba56 ■#2084ba ■#5620ba ■#ba2084 ■#ba5620 ■#84ba20