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

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

#7af31fの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#7af31fの配色パターン

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

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

#7af31fの配色パターン

#1a3307の配色パターン

#34660dの配色パターン

#4e9914の配色パターン

#67cc1bの配色パターン

#81ff21の配色パターン

■#7af31f ■#1a3307 ■#34660d ■#4e9914 ■#67cc1b ■#81ff21

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

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

#7af31fの配色パターン

#d7f2c2の配色パターン

#bbf291の配色パターン

#a0f261の配色パターン

#84f230の配色パターン

#69f200の配色パターン

■#7af31f ■#d7f2c2 ■#bbf291 ■#a0f261 ■#84f230 ■#69f200

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

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

#7af31fの配色パターン

#971ff2の配色パターン

■#7af31f ■#971ff2

トライアド配色Triads

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

#7af31fの配色パターン

#1f7bf2の配色パターン

#f21f7bの配色パターン

■#7af31f ■#1f7bf2 ■#f21f7b

アナロガス配色Analogous

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

#f2971fの配色パターン

#7af31fの配色パターン

#1ff297の配色パターン

■#f2971f ■#7af31f ■#1ff297

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

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

#7af31fの配色パターン

#2e1ff2の配色パターン

#f21fe4の配色パターン

■#7af31f ■#2e1ff2 ■#f21fe4

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

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

#7af31fの配色パターン

#1f7bf2の配色パターン

#971ff2の配色パターン

#f2971fの配色パターン

■#7af31f ■#1f7bf2 ■#971ff2 ■#f2971f

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

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

#7af31fの配色パターン

#1fe4f2の配色パターン

#971ff2の配色パターン

#f22e1fの配色パターン

■#7af31f ■#1fe4f2 ■#971ff2 ■#f22e1f

ペンタード配色Pentad

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

#7af31fの配色パターン

#1ff2c1の配色パターン

#1f27f2の配色パターン

#f21fcfの配色パターン

#f26d1fの配色パターン

■#7af31f ■#1ff2c1 ■#1f27f2 ■#f21fcf ■#f26d1f

ヘクサード配色Hexad

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

#7af31fの配色パターン

#1ff297の配色パターン

#1f7bf2の配色パターン

#971ff2の配色パターン

#f21f7bの配色パターン

#f2971fの配色パターン

■#7af31f ■#1ff297 ■#1f7bf2 ■#971ff2 ■#f21f7b ■#f2971f