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

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

#50308aの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#50308aの配色パターン

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

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

#50308aの配色パターン

#1d1233の配色パターン

#3b2466の配色パターン

#583699の配色パターン

#7647ccの配色パターン

#9359ffの配色パターン

■#50308a ■#1d1233 ■#3b2466 ■#583699 ■#7647cc ■#9359ff

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

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

#50308aの配色パターン

#786e8aの配色パターン

#66538aの配色パターン

#54378aの配色パターン

#421c8aの配色パターン

#30008aの配色パターン

■#50308a ■#786e8a ■#66538a ■#54378a ■#421c8a ■#30008a

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

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

#50308aの配色パターン

#6a8a30の配色パターン

■#50308a ■#6a8a30

トライアド配色Triads

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

#50308aの配色パターン

#8a5030の配色パターン

#308a50の配色パターン

■#50308a ■#8a5030 ■#308a50

アナロガス配色Analogous

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

#306a8aの配色パターン

#50308aの配色パターン

#8a306aの配色パターン

■#306a8a ■#50308a ■#8a306a

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

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

#50308aの配色パターン

#8a7c30の配色パターン

#3e8a30の配色パターン

■#50308a ■#8a7c30 ■#3e8a30

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

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

#50308aの配色パターン

#8a5030の配色パターン

#6a8a30の配色パターン

#306a8aの配色パターン

■#50308a ■#8a5030 ■#6a8a30 ■#306a8a

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

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

#50308aの配色パターン

#8a303eの配色パターン

#6a8a30の配色パターン

#308a7cの配色パターン

■#50308a ■#8a303e ■#6a8a30 ■#308a7c

ペンタード配色Pentad

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

#50308aの配色パターン

#8a3058の配色パターン

#8a7330の配色パターン

#358a30の配色パターン

#307c8aの配色パターン

■#50308a ■#8a3058 ■#8a7330 ■#358a30 ■#307c8a

ヘクサード配色Hexad

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

#50308aの配色パターン

#8a306aの配色パターン

#8a5030の配色パターン

#6a8a30の配色パターン

#308a50の配色パターン

#306a8aの配色パターン

■#50308a ■#8a306a ■#8a5030 ■#6a8a30 ■#308a50 ■#306a8a