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

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

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

キーカラーKey Color

配色の基準となる色

#8c7ba8の配色パターン

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

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

#8c7ba8の配色パターン

#2b2533の配色パターン

#554a66の配色パターン

#807099の配色パターン

#aa95ccの配色パターン

#d5baffの配色パターン

■#8c7ba8 ■#2b2533 ■#554a66 ■#807099 ■#aa95cc ■#d5baff

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

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

#8c7ba8の配色パターン

#9487a8の配色パターン

#7f65a8の配色パターン

#6a43a8の配色パターン

#5522a8の配色パターン

#4100a8の配色パターン

■#8c7ba8 ■#9487a8 ■#7f65a8 ■#6a43a8 ■#5522a8 ■#4100a8

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

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

#8c7ba8の配色パターン

#97a87bの配色パターン

■#8c7ba8 ■#97a87b

トライアド配色Triads

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

#8c7ba8の配色パターン

#a88c7bの配色パターン

#7ba88cの配色パターン

■#8c7ba8 ■#a88c7b ■#7ba88c

アナロガス配色Analogous

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

#7b97a8の配色パターン

#8c7ba8の配色パターン

#a87b97の配色パターン

■#7b97a8 ■#8c7ba8 ■#a87b97

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

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

#8c7ba8の配色パターン

#a8a37bの配色パターン

#80a87bの配色パターン

■#8c7ba8 ■#a8a37b ■#80a87b

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

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

#8c7ba8の配色パターン

#a88c7bの配色パターン

#97a87bの配色パターン

#7b97a8の配色パターン

■#8c7ba8 ■#a88c7b ■#97a87b ■#7b97a8

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

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

#8c7ba8の配色パターン

#a87b80の配色パターン

#97a87bの配色パターン

#7ba8a3の配色パターン

■#8c7ba8 ■#a87b80 ■#97a87b ■#7ba8a3

ペンタード配色Pentad

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

#8c7ba8の配色パターン

#a87b8eの配色パターン

#a89e7bの配色パターン

#7ca87bの配色パターン

#7ba0a8の配色パターン

■#8c7ba8 ■#a87b8e ■#a89e7b ■#7ca87b ■#7ba0a8

ヘクサード配色Hexad

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

#8c7ba8の配色パターン

#a87b97の配色パターン

#a88c7bの配色パターン

#97a87bの配色パターン

#7ba88cの配色パターン

#7b97a8の配色パターン

■#8c7ba8 ■#a87b97 ■#a88c7b ■#97a87b ■#7ba88c ■#7b97a8