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

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

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

キーカラーKey Color

配色の基準となる色

#553b81の配色パターン

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

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

#553b81の配色パターン

#221733の配色パターン

#432f66の配色パターン

#654699の配色パターン

#865eccの配色パターン

#a875ffの配色パターン

■#553b81 ■#221733 ■#432f66 ■#654699 ■#865ecc ■#a875ff

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

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

#553b81の配色パターン

#726882の配色パターン

#614e82の配色パターン

#513482の配色パターン

#401a82の配色パターン

#300082の配色パターン

■#553b81 ■#726882 ■#614e82 ■#513482 ■#401a82 ■#300082

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

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

#553b81の配色パターン

#68823cの配色パターン

■#553b81 ■#68823c

トライアド配色Triads

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

#553b81の配色パターン

#82563cの配色パターン

#3c8256の配色パターン

■#553b81 ■#82563c ■#3c8256

アナロガス配色Analogous

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

#3c6882の配色パターン

#553b81の配色パターン

#823c68の配色パターン

■#3c6882 ■#553b81 ■#823c68

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

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

#553b81の配色パターン

#82793cの配色パターン

#45823cの配色パターン

■#553b81 ■#82793c ■#45823c

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

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

#553b81の配色パターン

#82563cの配色パターン

#68823cの配色パターン

#3c6882の配色パターン

■#553b81 ■#82563c ■#68823c ■#3c6882

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

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

#553b81の配色パターン

#823c45の配色パターン

#68823cの配色パターン

#3c8279の配色パターン

■#553b81 ■#823c45 ■#68823c ■#3c8279

ペンタード配色Pentad

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

#553b81の配色パターン

#823c5aの配色パターン

#82723cの配色パターン

#3e823cの配色パターン

#3c7682の配色パターン

■#553b81 ■#823c5a ■#82723c ■#3e823c ■#3c7682

ヘクサード配色Hexad

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

#553b81の配色パターン

#823c68の配色パターン

#82563cの配色パターン

#68823cの配色パターン

#3c8256の配色パターン

#3c6882の配色パターン

■#553b81 ■#823c68 ■#82563c ■#68823c ■#3c8256 ■#3c6882