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

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

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

キーカラーKey Color

配色の基準となる色

#6153f9の配色パターン

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

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

#6153f9の配色パターン

#141133の配色パターン

#272266の配色パターン

#3b3299の配色パターン

#4f43ccの配色パターン

#6254ffの配色パターン

■#6153f9 ■#141133 ■#272266 ■#3b3299 ■#4f43cc ■#6254ff

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

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

#6153f9の配色パターン

#ccc8faの配色パターン

#9e96faの配色パターン

#7064faの配色パターン

#4332faの配色パターン

#1500faの配色パターン

■#6153f9 ■#ccc8fa ■#9e96fa ■#7064fa ■#4332fa ■#1500fa

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

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

#6153f9の配色パターン

#ecfa52の配色パターン

■#6153f9 ■#ecfa52

トライアド配色Triads

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

#6153f9の配色パターン

#fa6052の配色パターン

#52fa60の配色パターン

■#6153f9 ■#fa6052 ■#52fa60

アナロガス配色Analogous

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

#52ecfaの配色パターン

#6153f9の配色パターン

#fa52ecの配色パターン

■#52ecfa ■#6153f9 ■#fa52ec

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

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

#6153f9の配色パターン

#fab452の配色パターン

#98fa52の配色パターン

■#6153f9 ■#fab452 ■#98fa52

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

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

#6153f9の配色パターン

#fa6052の配色パターン

#ecfa52の配色パターン

#52ecfaの配色パターン

■#6153f9 ■#fa6052 ■#ecfa52 ■#52ecfa

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

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

#6153f9の配色パターン

#fa5298の配色パターン

#ecfa52の配色パターン

#52fab4の配色パターン

■#6153f9 ■#fa5298 ■#ecfa52 ■#52fab4

ペンタード配色Pentad

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

#6153f9の配色パターン

#fa52caの配色パターン

#faa352の配色パターン

#87fa52の配色パターン

#52fae6の配色パターン

■#6153f9 ■#fa52ca ■#faa352 ■#87fa52 ■#52fae6

ヘクサード配色Hexad

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

#6153f9の配色パターン

#fa52ecの配色パターン

#fa6052の配色パターン

#ecfa52の配色パターン

#52fa60の配色パターン

#52ecfaの配色パターン

■#6153f9 ■#fa52ec ■#fa6052 ■#ecfa52 ■#52fa60 ■#52ecfa