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

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

#0ac275の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#0ac275の配色パターン

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

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

#0ac275の配色パターン

#03331fの配色パターン

#05663eの配色パターン

#08995cの配色パターン

#0acc7bの配色パターン

#0dff9aの配色パターン

■#0ac275 ■#03331f ■#05663e ■#08995c ■#0acc7b ■#0dff9a

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

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

#0ac275の配色パターン

#9bc2b2の配色パターン

#74c2a2の配色パターン

#4ec291の配色パターン

#27c281の配色パターン

#00c271の配色パターン

■#0ac275 ■#9bc2b2 ■#74c2a2 ■#4ec291 ■#27c281 ■#00c271

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

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

#0ac275の配色パターン

#c20a56の配色パターン

■#0ac275 ■#c20a56

トライアド配色Triads

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

#0ac275の配色パターン

#750ac2の配色パターン

#c2750aの配色パターン

■#0ac275 ■#750ac2 ■#c2750a

アナロガス配色Analogous

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

#56c20aの配色パターン

#0ac275の配色パターン

#0a56c2の配色パターン

■#56c20a ■#0ac275 ■#0a56c2

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

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

#0ac275の配色パターン

#c20ab2の配色パターン

#c2190aの配色パターン

■#0ac275 ■#c20ab2 ■#c2190a

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

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

#0ac275の配色パターン

#750ac2の配色パターン

#c20a56の配色パターン

#56c20aの配色パターン

■#0ac275 ■#750ac2 ■#c20a56 ■#56c20a

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

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

#0ac275の配色パターン

#190ac2の配色パターン

#c20a56の配色パターン

#b2c20aの配色パターン

■#0ac275 ■#190ac2 ■#c20a56 ■#b2c20a

ペンタード配色Pentad

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

#0ac275の配色パターン

#0a32c2の配色パターン

#bf0ac2の配色パターン

#c22b0aの配色パターン

#7bc20aの配色パターン

■#0ac275 ■#0a32c2 ■#bf0ac2 ■#c22b0a ■#7bc20a

ヘクサード配色Hexad

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

#0ac275の配色パターン

#0a56c2の配色パターン

#750ac2の配色パターン

#c20a56の配色パターン

#c2750aの配色パターン

#56c20aの配色パターン

■#0ac275 ■#0a56c2 ■#750ac2 ■#c20a56 ■#c2750a ■#56c20a