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

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

#50a3b1の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#50a3b1の配色パターン

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

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

#50a3b1の配色パターン

#172f33の配色パターン

#2e5e66の配色パターン

#458c99の配色パターン

#5cbbccの配色パターン

#73eaffの配色パターン

■#50a3b1 ■#172f33 ■#2e5e66 ■#458c99 ■#5cbbcc ■#73eaff

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

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

#50a3b1の配色パターン

#8dabb0の配色パターン

#6aa5b0の配色パターン

#46a0b0の配色パターン

#239bb0の配色パターン

#0096b0の配色パターン

■#50a3b1 ■#8dabb0 ■#6aa5b0 ■#46a0b0 ■#239bb0 ■#0096b0

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

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

#50a3b1の配色パターン

#b05e4fの配色パターン

■#50a3b1 ■#b05e4f

トライアド配色Triads

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

#50a3b1の配色パターン

#b04fa1の配色パターン

#a1b04fの配色パターン

■#50a3b1 ■#b04fa1 ■#a1b04f

アナロガス配色Analogous

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

#4fb05eの配色パターン

#50a3b1の配色パターン

#5e4fb0の配色パターン

■#4fb05e ■#50a3b1 ■#5e4fb0

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

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

#50a3b1の配色パターン

#b04f71の配色パターン

#b08e4fの配色パターン

■#50a3b1 ■#b04f71 ■#b08e4f

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

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

#50a3b1の配色パターン

#b04fa1の配色パターン

#b05e4fの配色パターン

#4fb05eの配色パターン

■#50a3b1 ■#b04fa1 ■#b05e4f ■#4fb05e

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

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

#50a3b1の配色パターン

#8e4fb0の配色パターン

#b05e4fの配色パターン

#71b04fの配色パターン

■#50a3b1 ■#8e4fb0 ■#b05e4f ■#71b04f

ペンタード配色Pentad

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

#50a3b1の配色パターン

#714fb0の配色パターン

#b04f7bの配色パターン

#b0984fの配色パターン

#54b04fの配色パターン

■#50a3b1 ■#714fb0 ■#b04f7b ■#b0984f ■#54b04f

ヘクサード配色Hexad

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

#50a3b1の配色パターン

#5e4fb0の配色パターン

#b04fa1の配色パターン

#b05e4fの配色パターン

#a1b04fの配色パターン

#4fb05eの配色パターン

■#50a3b1 ■#5e4fb0 ■#b04fa1 ■#b05e4f ■#a1b04f ■#4fb05e