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

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

#9af52cの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#9af52cの配色パターン

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

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

#9af52cの配色パターン

#203309の配色パターン

#406612の配色パターン

#61991cの配色パターン

#81cc25の配色パターン

#a1ff2eの配色パターン

■#9af52c ■#203309 ■#406612 ■#61991c ■#81cc25 ■#a1ff2e

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

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

#9af52cの配色パターン

#dff5c4の配色パターン

#c9f593の配色パターン

#b3f562の配色パターン

#9df531の配色パターン

#87f500の配色パターン

■#9af52c ■#dff5c4 ■#c9f593 ■#b3f562 ■#9df531 ■#87f500

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

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

#9af52cの配色パターン

#862cf5の配色パターン

■#9af52c ■#862cf5

トライアド配色Triads

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

#9af52cの配色パターン

#2c9af5の配色パターン

#f52c9aの配色パターン

■#9af52c ■#2c9af5 ■#f52c9a

アナロガス配色Analogous

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

#f5862cの配色パターン

#9af52cの配色パターン

#2cf586の配色パターン

■#f5862c ■#9af52c ■#2cf586

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

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

#9af52cの配色パターン

#2c36f5の配色パターン

#eb2cf5の配色パターン

■#9af52c ■#2c36f5 ■#eb2cf5

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

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

#9af52cの配色パターン

#2c9af5の配色パターン

#862cf5の配色パターン

#f5862cの配色パターン

■#9af52c ■#2c9af5 ■#862cf5 ■#f5862c

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

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

#9af52cの配色パターン

#2cf5ebの配色パターン

#862cf5の配色パターン

#f52c36の配色パターン

■#9af52c ■#2cf5eb ■#862cf5 ■#f52c36

ペンタード配色Pentad

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

#9af52cの配色パターン

#2cf5afの配色パターン

#2c4af5の配色パターン

#f52cebの配色パターン

#f55e2cの配色パターン

■#9af52c ■#2cf5af ■#2c4af5 ■#f52ceb ■#f55e2c

ヘクサード配色Hexad

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

#9af52cの配色パターン

#2cf586の配色パターン

#2c9af5の配色パターン

#862cf5の配色パターン

#f52c9aの配色パターン

#f5862cの配色パターン

■#9af52c ■#2cf586 ■#2c9af5 ■#862cf5 ■#f52c9a ■#f5862c