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

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

萌黄の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#aacf53の配色パターン

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

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

#aacf53の配色パターン

#2a3314の配色パターン

#546629の配色パターン

#7d993dの配色パターン

#a7cc52の配色パターン

#d1ff66の配色パターン

■#aacf53 ■#2a3314 ■#546629 ■#7d993d ■#a7cc52 ■#d1ff66

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

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

#aacf53の配色パターン

#c2cfa5の配色パターン

#b6cf7cの配色パターン

#aacf53の配色パターン

#9dcf29の配色パターン

#91cf00の配色パターン

■#aacf53 ■#c2cfa5 ■#b6cf7c ■#aacf53 ■#9dcf29 ■#91cf00

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

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

#aacf53の配色パターン

#7853cfの配色パターン

■#aacf53 ■#7853cf

トライアド配色Triads

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

#aacf53の配色パターン

#53a9cfの配色パターン

#cf53a9の配色パターン

■#aacf53 ■#53a9cf ■#cf53a9

アナロガス配色Analogous

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

#cf7853の配色パターン

#aacf53の配色パターン

#53cf78の配色パターン

■#cf7853 ■#aacf53 ■#53cf78

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

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

#aacf53の配色パターン

#536bcfの配色パターン

#b653cfの配色パターン

■#aacf53 ■#536bcf ■#b653cf

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

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

#aacf53の配色パターン

#53a9cfの配色パターン

#7853cfの配色パターン

#cf7853の配色パターン

■#aacf53 ■#53a9cf ■#7853cf ■#cf7853

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

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

#aacf53の配色パターン

#53cfb6の配色パターン

#7853cfの配色パターン

#cf536bの配色パターン

■#aacf53 ■#53cfb6 ■#7853cf ■#cf536b

ペンタード配色Pentad

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

#aacf53の配色パターン

#53cf91の配色パターン

#5378cfの配色パターン

#c253cfの配色パターン

#cf5f53の配色パターン

■#aacf53 ■#53cf91 ■#5378cf ■#c253cf ■#cf5f53

ヘクサード配色Hexad

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

#aacf53の配色パターン

#53cf78の配色パターン

#53a9cfの配色パターン

#7853cfの配色パターン

#cf53a9の配色パターン

#cf7853の配色パターン

■#aacf53 ■#53cf78 ■#53a9cf ■#7853cf ■#cf53a9 ■#cf7853