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

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

#3afc89の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#3afc89の配色パターン

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

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

#3afc89の配色パターン

#0c331bの配色パターン

#176637の配色パターン

#239952の配色パターン

#2fcc6eの配色パターン

#3bff89の配色パターン

■#3afc89 ■#0c331b ■#176637 ■#239952 ■#2fcc6e ■#3bff89

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

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

#3afc89の配色パターン

#cafcdeの配色パターン

#97fcc0の配色パターン

#65fca2の配色パターン

#32fc83の配色パターン

#00fc65の配色パターン

■#3afc89 ■#cafcde ■#97fcc0 ■#65fca2 ■#32fc83 ■#00fc65

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

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

#3afc89の配色パターン

#fc3aafの配色パターン

■#3afc89 ■#fc3aaf

トライアド配色Triads

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

#3afc89の配色パターン

#883afcの配色パターン

#fc883aの配色パターン

■#3afc89 ■#883afc ■#fc883a

アナロガス配色Analogous

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

#affc3aの配色パターン

#3afc89の配色パターン

#3aaffcの配色パターン

■#affc3a ■#3afc89 ■#3aaffc

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

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

#3afc89の配色パターン

#e93afcの配色パターン

#fc3a4eの配色パターン

■#3afc89 ■#e93afc ■#fc3a4e

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

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

#3afc89の配色パターン

#883afcの配色パターン

#fc3aafの配色パターン

#affc3aの配色パターン

■#3afc89 ■#883afc ■#fc3aaf ■#affc3a

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

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

#3afc89の配色パターン

#3a4efcの配色パターン

#fc3aafの配色パターン

#fce93aの配色パターン

■#3afc89 ■#3a4efc ■#fc3aaf ■#fce93a

ペンタード配色Pentad

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

#3afc89の配色パターン

#3a88fcの配色パターン

#d63afcの配色パターン

#fc3a3aの配色パターン

#d6fc3aの配色パターン

■#3afc89 ■#3a88fc ■#d63afc ■#fc3a3a ■#d6fc3a

ヘクサード配色Hexad

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

#3afc89の配色パターン

#3aaffcの配色パターン

#883afcの配色パターン

#fc3aafの配色パターン

#fc883aの配色パターン

#affc3aの配色パターン

■#3afc89 ■#3aaffc ■#883afc ■#fc3aaf ■#fc883a ■#affc3a