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

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

#5500e3の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#5500e3の配色パターン

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

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

#5500e3の配色パターン

#130033の配色パターン

#250066の配色パターン

#380099の配色パターン

#4b00ccの配色パターン

#5e00ffの配色パターン

■#5500e3 ■#130033 ■#250066 ■#380099 ■#4b00cc ■#5e00ff

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

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

#5500e3の配色パターン

#c6b6e3の配色パターン

#a988e3の配色パターン

#8d5be3の配色パターン

#702de3の配色パターン

#5500e3の配色パターン

■#5500e3 ■#c6b6e3 ■#a988e3 ■#8d5be3 ■#702de3 ■#5500e3

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

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

#5500e3の配色パターン

#90e300の配色パターン

■#5500e3 ■#90e300

トライアド配色Triads

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

#5500e3の配色パターン

#e35300の配色パターン

#00e353の配色パターン

■#5500e3 ■#e35300 ■#00e353

アナロガス配色Analogous

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

#0090e3の配色パターン

#5500e3の配色パターン

#e30090の配色パターン

■#0090e3 ■#5500e3 ■#e30090

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

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

#5500e3の配色パターン

#e3c500の配色パターン

#1ee300の配色パターン

■#5500e3 ■#e3c500 ■#1ee300

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

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

#5500e3の配色パターン

#e35300の配色パターン

#90e300の配色パターン

#0090e3の配色パターン

■#5500e3 ■#e35300 ■#90e300 ■#0090e3

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

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

#5500e3の配色パターン

#e3001eの配色パターン

#90e300の配色パターン

#00e3c5の配色パターン

■#5500e3 ■#e3001e ■#90e300 ■#00e3c5

ペンタード配色Pentad

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

#5500e3の配色パターン

#e30062の配色パターン

#e3ae00の配色パターン

#08e300の配色パターン

#00bde3の配色パターン

■#5500e3 ■#e30062 ■#e3ae00 ■#08e300 ■#00bde3

ヘクサード配色Hexad

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

#5500e3の配色パターン

#e30090の配色パターン

#e35300の配色パターン

#90e300の配色パターン

#00e353の配色パターン

#0090e3の配色パターン

■#5500e3 ■#e30090 ■#e35300 ■#90e300 ■#00e353 ■#0090e3