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

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

#5304baの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#5304baの配色パターン

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

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

#5304baの配色パターン

#170133の配色パターン

#2d0266の配色パターン

#440399の配色パターン

#5b04ccの配色パターン

#7105ffの配色パターン

■#5304ba ■#170133 ■#2d0266 ■#440399 ■#5b04cc ■#7105ff

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

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

#5304baの配色パターン

#a595baの配色パターン

#9070baの配色パターン

#7b4abaの配色パターン

#6625baの配色パターン

#5100baの配色パターン

■#5304ba ■#a595ba ■#9070ba ■#7b4aba ■#6625ba ■#5100ba

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

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

#5304baの配色パターン

#6bba04の配色パターン

■#5304ba ■#6bba04

トライアド配色Triads

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

#5304baの配色パターン

#ba5304の配色パターン

#04ba53の配色パターン

■#5304ba ■#ba5304 ■#04ba53

アナロガス配色Analogous

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

#046bbaの配色パターン

#5304baの配色パターン

#ba046bの配色パターン

■#046bba ■#5304ba ■#ba046b

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

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

#5304baの配色パターン

#baae04の配色パターン

#10ba04の配色パターン

■#5304ba ■#baae04 ■#10ba04

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

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

#5304baの配色パターン

#ba5304の配色パターン

#6bba04の配色パターン

#046bbaの配色パターン

■#5304ba ■#ba5304 ■#6bba04 ■#046bba

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

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

#5304baの配色パターン

#ba0410の配色パターン

#6bba04の配色パターン

#04baaeの配色パターン

■#5304ba ■#ba0410 ■#6bba04 ■#04baae

ペンタード配色Pentad

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

#5304baの配色パターン

#ba0447の配色パターン

#ba9c04の配色パターン

#04ba0aの配色パターン

#0490baの配色パターン

■#5304ba ■#ba0447 ■#ba9c04 ■#04ba0a ■#0490ba

ヘクサード配色Hexad

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

#5304baの配色パターン

#ba046bの配色パターン

#ba5304の配色パターン

#6bba04の配色パターン

#04ba53の配色パターン

#046bbaの配色パターン

■#5304ba ■#ba046b ■#ba5304 ■#6bba04 ■#04ba53 ■#046bba