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

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

#99f283の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#99f283の配色パターン

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

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

#99f283の配色パターン

#20331cの配色パターン

#406637の配色パターン

#619953の配色パターン

#81cc6eの配色パターン

#a1ff8aの配色パターン

■#99f283 ■#20331c ■#406637 ■#619953 ■#81cc6e ■#a1ff8a

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

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

#99f283の配色パターン

#cbf2c2の配色パターン

#a5f291の配色パターン

#7ef261の配色パターン

#57f230の配色パターン

#30f200の配色パターン

■#99f283 ■#cbf2c2 ■#a5f291 ■#7ef261 ■#57f230 ■#30f200

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

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

#99f283の配色パターン

#dc83f2の配色パターン

■#99f283 ■#dc83f2

トライアド配色Triads

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

#99f283の配色パターン

#8399f2の配色パターン

#f28399の配色パターン

■#99f283 ■#8399f2 ■#f28399

アナロガス配色Analogous

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

#f2dc83の配色パターン

#99f283の配色パターン

#83f2dcの配色パターン

■#f2dc83 ■#99f283 ■#83f2dc

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

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

#99f283の配色パターン

#a483f2の配色パターン

#f283d1の配色パターン

■#99f283 ■#a483f2 ■#f283d1

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

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

#99f283の配色パターン

#8399f2の配色パターン

#dc83f2の配色パターン

#f2dc83の配色パターン

■#99f283 ■#8399f2 ■#dc83f2 ■#f2dc83

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

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

#99f283の配色パターン

#83d1f2の配色パターン

#dc83f2の配色パターン

#f2a483の配色パターン

■#99f283 ■#83d1f2 ■#dc83f2 ■#f2a483

ペンタード配色Pentad

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

#99f283の配色パターン

#83f2f2の配色パターン

#9983f2の配色パターン

#f283c6の配色パターン

#f2c683の配色パターン

■#99f283 ■#83f2f2 ■#9983f2 ■#f283c6 ■#f2c683

ヘクサード配色Hexad

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

#99f283の配色パターン

#83f2dcの配色パターン

#8399f2の配色パターン

#dc83f2の配色パターン

#f28399の配色パターン

#f2dc83の配色パターン

■#99f283 ■#83f2dc ■#8399f2 ■#dc83f2 ■#f28399 ■#f2dc83