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

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

#5104b7の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#5104b7の配色パターン

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

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

#5104b7の配色パターン

#170133の配色パターン

#2d0266の配色パターン

#440399の配色パターン

#5b04ccの配色パターン

#7105ffの配色パターン

■#5104b7 ■#170133 ■#2d0266 ■#440399 ■#5b04cc ■#7105ff

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

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

#5104b7の配色パターン

#a393b8の配色パターン

#8e6eb8の配色パターン

#7949b8の配色パターン

#6425b8の配色パターン

#5000b8の配色パターン

■#5104b7 ■#a393b8 ■#8e6eb8 ■#7949b8 ■#6425b8 ■#5000b8

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

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

#5104b7の配色パターン

#6ab804の配色パターン

■#5104b7 ■#6ab804

トライアド配色Triads

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

#5104b7の配色パターン

#b85204の配色パターン

#04b852の配色パターン

■#5104b7 ■#b85204 ■#04b852

アナロガス配色Analogous

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

#046ab8の配色パターン

#5104b7の配色パターン

#b8046aの配色パターン

■#046ab8 ■#5104b7 ■#b8046a

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

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

#5104b7の配色パターン

#b8ac04の配色パターン

#10b804の配色パターン

■#5104b7 ■#b8ac04 ■#10b804

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

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

#5104b7の配色パターン

#b85204の配色パターン

#6ab804の配色パターン

#046ab8の配色パターン

■#5104b7 ■#b85204 ■#6ab804 ■#046ab8

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

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

#5104b7の配色パターン

#b80410の配色パターン

#6ab804の配色パターン

#04b8acの配色パターン

■#5104b7 ■#b80410 ■#6ab804 ■#04b8ac

ペンタード配色Pentad

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

#5104b7の配色パターン

#b80446の配色パターン

#b89a04の配色パターン

#04b80aの配色パターン

#048eb8の配色パターン

■#5104b7 ■#b80446 ■#b89a04 ■#04b80a ■#048eb8

ヘクサード配色Hexad

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

#5104b7の配色パターン

#b8046aの配色パターン

#b85204の配色パターン

#6ab804の配色パターン

#04b852の配色パターン

#046ab8の配色パターン

■#5104b7 ■#b8046a ■#b85204 ■#6ab804 ■#04b852 ■#046ab8