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

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

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

キーカラーKey Color

配色の基準となる色

#cec89fの配色パターン

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

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

#cec89fの配色パターン

#333127の配色パターン

#66634fの配色パターン

#999476の配色パターン

#ccc69dの配色パターン

#fff7c4の配色パターン

■#cec89f ■#333127 ■#66634f ■#999476 ■#ccc69d ■#fff7c4

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

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

#cec89fの配色パターン

#cfc9a5の配色パターン

#cfc47cの配色パターン

#cfbe53の配色パターン

#cfb929の配色パターン

#cfb300の配色パターン

■#cec89f ■#cfc9a5 ■#cfc47c ■#cfbe53 ■#cfb929 ■#cfb300

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

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

#cec89fの配色パターン

#9fa5cfの配色パターン

■#cec89f ■#9fa5cf

トライアド配色Triads

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

#cec89fの配色パターン

#9fcfc8の配色パターン

#c89fcfの配色パターン

■#cec89f ■#9fcfc8 ■#c89fcf

アナロガス配色Analogous

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

#cf9fa5の配色パターン

#cec89fの配色パターン

#a5cf9fの配色パターン

■#cf9fa5 ■#cec89f ■#a5cf9f

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

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

#cec89fの配色パターン

#9fbdcfの配色パターン

#b09fcfの配色パターン

■#cec89f ■#9fbdcf ■#b09fcf

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

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

#cec89fの配色パターン

#9fcfc8の配色パターン

#9fa5cfの配色パターン

#cf9fa5の配色パターン

■#cec89f ■#9fcfc8 ■#9fa5cf ■#cf9fa5

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

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

#cec89fの配色パターン

#9fcfb0の配色パターン

#9fa5cfの配色パターン

#cf9fbdの配色パターン

■#cec89f ■#9fcfb0 ■#9fa5cf ■#cf9fbd

ペンタード配色Pentad

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

#cec89fの配色パターン

#9fcfa2の配色パターン

#9fc2cfの配色パターン

#b59fcfの配色パターン

#cf9fafの配色パターン

■#cec89f ■#9fcfa2 ■#9fc2cf ■#b59fcf ■#cf9faf

ヘクサード配色Hexad

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

#cec89fの配色パターン

#a5cf9fの配色パターン

#9fcfc8の配色パターン

#9fa5cfの配色パターン

#c89fcfの配色パターン

#cf9fa5の配色パターン

■#cec89f ■#a5cf9f ■#9fcfc8 ■#9fa5cf ■#c89fcf ■#cf9fa5