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

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

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

キーカラーKey Color

配色の基準となる色

#c89dd5の配色パターン

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

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

#c89dd5の配色パターン

#302633の配色パターン

#604b66の配色パターン

#907199の配色パターン

#c097ccの配色パターン

#f0bdffの配色パターン

■#c89dd5 ■#302633 ■#604b66 ■#907199 ■#c097cc ■#f0bdff

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

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

#c89dd5の配色パターン

#ccabd6の配色パターン

#c281d6の配色パターン

#b856d6の配色パターン

#ae2bd6の配色パターン

#a400d6の配色パターン

■#c89dd5 ■#ccabd6 ■#c281d6 ■#b856d6 ■#ae2bd6 ■#a400d6

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

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

#c89dd5の配色パターン

#acd69fの配色パターン

■#c89dd5 ■#acd69f

トライアド配色Triads

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

#c89dd5の配色パターン

#d6c99fの配色パターン

#9fd6c9の配色パターン

■#c89dd5 ■#d6c99f ■#9fd6c9

アナロガス配色Analogous

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

#9facd6の配色パターン

#c89dd5の配色パターン

#d69facの配色パターン

■#9facd6 ■#c89dd5 ■#d69fac

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

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

#c89dd5の配色パターン

#c7d69fの配色パターン

#9fd6adの配色パターン

■#c89dd5 ■#c7d69f ■#9fd6ad

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

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

#c89dd5の配色パターン

#d6c99fの配色パターン

#acd69fの配色パターン

#9facd6の配色パターン

■#c89dd5 ■#d6c99f ■#acd69f ■#9facd6

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

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

#c89dd5の配色パターン

#d6ad9fの配色パターン

#acd69fの配色パターン

#9fc7d6の配色パターン

■#c89dd5 ■#d6ad9f ■#acd69f ■#9fc7d6

ペンタード配色Pentad

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

#c89dd5の配色パターン

#d69fa0の配色パターン

#cdd69fの配色パターン

#9fd6b3の配色パターン

#9fb7d6の配色パターン

■#c89dd5 ■#d69fa0 ■#cdd69f ■#9fd6b3 ■#9fb7d6

ヘクサード配色Hexad

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

#c89dd5の配色パターン

#d69facの配色パターン

#d6c99fの配色パターン

#acd69fの配色パターン

#9fd6c9の配色パターン

#9facd6の配色パターン

■#c89dd5 ■#d69fac ■#d6c99f ■#acd69f ■#9fd6c9 ■#9facd6