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

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

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

キーカラーKey Color

配色の基準となる色

#8b6cadの配色パターン

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

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

#8b6cadの配色パターン

#292033の配色パターン

#523f66の配色パターン

#7b5f99の配色パターン

#a47eccの配色パターン

#cd9effの配色パターン

■#8b6cad ■#292033 ■#523f66 ■#7b5f99 ■#a47ecc ■#cd9eff

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

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

#8b6cadの配色パターン

#9b8badの配色パターン

#8a68adの配色パターン

#7845adの配色パターン

#6623adの配色パターン

#5400adの配色パターン

■#8b6cad ■#9b8bad ■#8a68ad ■#7845ad ■#6623ad ■#5400ad

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

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

#8b6cadの配色パターン

#8ead6cの配色パターン

■#8b6cad ■#8ead6c

トライアド配色Triads

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

#8b6cadの配色パターン

#ad8b6cの配色パターン

#6cad8bの配色パターン

■#8b6cad ■#ad8b6c ■#6cad8b

アナロガス配色Analogous

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

#6c8eadの配色パターン

#8b6cadの配色パターン

#ad6c8eの配色パターン

■#6c8ead ■#8b6cad ■#ad6c8e

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

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

#8b6cadの配色パターン

#adac6cの配色パターン

#6dad6cの配色パターン

■#8b6cad ■#adac6c ■#6dad6c

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

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

#8b6cadの配色パターン

#ad8b6cの配色パターン

#8ead6cの配色パターン

#6c8eadの配色パターン

■#8b6cad ■#ad8b6c ■#8ead6c ■#6c8ead

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

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

#8b6cadの配色パターン

#ad6c6dの配色パターン

#8ead6cの配色パターン

#6cadacの配色パターン

■#8b6cad ■#ad6c6d ■#8ead6c ■#6cadac

ペンタード配色Pentad

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

#8b6cadの配色パターン

#ad6c80の配色パターン

#ada66cの配色パターン

#6cad71の配色パターン

#6c9badの配色パターン

■#8b6cad ■#ad6c80 ■#ada66c ■#6cad71 ■#6c9bad

ヘクサード配色Hexad

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

#8b6cadの配色パターン

#ad6c8eの配色パターン

#ad8b6cの配色パターン

#8ead6cの配色パターン

#6cad8bの配色パターン

#6c8eadの配色パターン

■#8b6cad ■#ad6c8e ■#ad8b6c ■#8ead6c ■#6cad8b ■#6c8ead