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

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

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

キーカラーKey Color

配色の基準となる色

#c9c397の配色パターン

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

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

#c9c397の配色パターン

#333226の配色パターン

#66634dの配色パターン

#999573の配色パターン

#ccc699の配色パターン

#fff8bfの配色パターン

■#c9c397 ■#333226 ■#66634d ■#999573 ■#ccc699 ■#fff8bf

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

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

#c9c397の配色パターン

#c9c5a1の配色パターン

#c9c079の配色パターン

#c9bb51の配色パターン

#c9b728の配色パターン

#c9b200の配色パターン

■#c9c397 ■#c9c5a1 ■#c9c079 ■#c9bb51 ■#c9b728 ■#c9b200

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

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

#c9c397の配色パターン

#979dc9の配色パターン

■#c9c397 ■#979dc9

トライアド配色Triads

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

#c9c397の配色パターン

#97c9c4の配色パターン

#c497c9の配色パターン

■#c9c397 ■#97c9c4 ■#c497c9

アナロガス配色Analogous

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

#c9979dの配色パターン

#c9c397の配色パターン

#9dc997の配色パターン

■#c9979d ■#c9c397 ■#9dc997

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

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

#c9c397の配色パターン

#97b6c9の配色パターン

#aa97c9の配色パターン

■#c9c397 ■#97b6c9 ■#aa97c9

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

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

#c9c397の配色パターン

#97c9c4の配色パターン

#979dc9の配色パターン

#c9979dの配色パターン

■#c9c397 ■#97c9c4 ■#979dc9 ■#c9979d

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

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

#c9c397の配色パターン

#97c9aaの配色パターン

#979dc9の配色パターン

#c997b6の配色パターン

■#c9c397 ■#97c9aa ■#979dc9 ■#c997b6

ペンタード配色Pentad

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

#c9c397の配色パターン

#97c99bの配色パターン

#97bbc9の配色パターン

#af97c9の配色パターン

#c997a7の配色パターン

■#c9c397 ■#97c99b ■#97bbc9 ■#af97c9 ■#c997a7

ヘクサード配色Hexad

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

#c9c397の配色パターン

#9dc997の配色パターン

#97c9c4の配色パターン

#979dc9の配色パターン

#c497c9の配色パターン

#c9979dの配色パターン

■#c9c397 ■#9dc997 ■#97c9c4 ■#979dc9 ■#c497c9 ■#c9979d