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

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

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

キーカラーKey Color

配色の基準となる色

#9ba88aの配色パターン

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

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

#9ba88aの配色パターン

#2f332aの配色パターン

#5e6654の配色パターン

#8d997dの配色パターン

#bccca7の配色パターン

#ebffd1の配色パターン

■#9ba88a ■#2f332a ■#5e6654 ■#8d997d ■#bccca7 ■#ebffd1

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

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

#9ba88aの配色パターン

#9aa887の配色パターン

#8ba865の配色パターン

#7da843の配色パターン

#6ea822の配色パターン

#5fa800の配色パターン

■#9ba88a ■#9aa887 ■#8ba865 ■#7da843 ■#6ea822 ■#5fa800

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

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

#9ba88aの配色パターン

#978aa8の配色パターン

■#9ba88a ■#978aa8

トライアド配色Triads

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

#9ba88aの配色パターン

#8a9ba8の配色パターン

#a88a9bの配色パターン

■#9ba88a ■#8a9ba8 ■#a88a9b

アナロガス配色Analogous

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

#a8978aの配色パターン

#9ba88aの配色パターン

#8aa897の配色パターン

■#a8978a ■#9ba88a ■#8aa897

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

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

#9ba88aの配色パターン

#8a8ca8の配色パターン

#a68aa8の配色パターン

■#9ba88a ■#8a8ca8 ■#a68aa8

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

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

#9ba88aの配色パターン

#8a9ba8の配色パターン

#978aa8の配色パターン

#a8978aの配色パターン

■#9ba88a ■#8a9ba8 ■#978aa8 ■#a8978a

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

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

#9ba88aの配色パターン

#8aa8a6の配色パターン

#978aa8の配色パターン

#a88a8cの配色パターン

■#9ba88a ■#8aa8a6 ■#978aa8 ■#a88a8c

ペンタード配色Pentad

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

#9ba88aの配色パターン

#8aa89dの配色パターン

#8a8fa8の配色パターン

#a88aa7の配色パターン

#a8918aの配色パターン

■#9ba88a ■#8aa89d ■#8a8fa8 ■#a88aa7 ■#a8918a

ヘクサード配色Hexad

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

#9ba88aの配色パターン

#8aa897の配色パターン

#8a9ba8の配色パターン

#978aa8の配色パターン

#a88a9bの配色パターン

#a8978aの配色パターン

■#9ba88a ■#8aa897 ■#8a9ba8 ■#978aa8 ■#a88a9b ■#a8978a