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

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

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

キーカラーKey Color

配色の基準となる色

#8504a6の配色パターン

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

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

#8504a6の配色パターン

#290133の配色パターン

#520266の配色パターン

#7b0399の配色パターン

#a404ccの配色パターン

#cd05ffの配色パターン

■#8504a6 ■#290133 ■#520266 ■#7b0399 ■#a404cc ■#cd05ff

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

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

#8504a6の配色パターン

#9f85a6の配色パターン

#9863a6の配色パターン

#9242a6の配色パターン

#8b21a6の配色パターン

#8500a6の配色パターン

■#8504a6 ■#9f85a6 ■#9863a6 ■#9242a6 ■#8b21a6 ■#8500a6

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

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

#8504a6の配色パターン

#24a603の配色パターン

■#8504a6 ■#24a603

トライアド配色Triads

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

#8504a6の配色パターン

#a68503の配色パターン

#03a685の配色パターン

■#8504a6 ■#a68503 ■#03a685

アナロガス配色Analogous

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

#0324a6の配色パターン

#8504a6の配色パターン

#a60324の配色パターン

■#0324a6 ■#8504a6 ■#a60324

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

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

#8504a6の配色パターン

#75a603の配色パターン

#03a634の配色パターン

■#8504a6 ■#75a603 ■#03a634

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

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

#8504a6の配色パターン

#a68503の配色パターン

#24a603の配色パターン

#0324a6の配色パターン

■#8504a6 ■#a68503 ■#24a603 ■#0324a6

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

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

#8504a6の配色パターン

#a63403の配色パターン

#24a603の配色パターン

#0375a6の配色パターン

■#8504a6 ■#a63403 ■#24a603 ■#0375a6

ペンタード配色Pentad

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

#8504a6の配色パターン

#a60303の配色パターン

#85a603の配色パターン

#03a644の配色パターン

#0344a6の配色パターン

■#8504a6 ■#a60303 ■#85a603 ■#03a644 ■#0344a6

ヘクサード配色Hexad

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

#8504a6の配色パターン

#a60324の配色パターン

#a68503の配色パターン

#24a603の配色パターン

#03a685の配色パターン

#0324a6の配色パターン

■#8504a6 ■#a60324 ■#a68503 ■#24a603 ■#03a685 ■#0324a6