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

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

#5075a9の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#5075a9の配色パターン

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

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

#5075a9の配色パターン

#182333の配色パターン

#304666の配色パターン

#486a99の配色パターン

#608dccの配色パターン

#78b0ffの配色パターン

■#5075a9 ■#182333 ■#304666 ■#486a99 ■#608dcc ■#78b0ff

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

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

#5075a9の配色パターン

#8795a8の配色パターン

#6581a8の配色パターン

#436da8の配色パターン

#225aa8の配色パターン

#0046a8の配色パターン

■#5075a9 ■#8795a8 ■#6581a8 ■#436da8 ■#225aa8 ■#0046a8

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

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

#5075a9の配色パターン

#a8834fの配色パターン

■#5075a9 ■#a8834f

トライアド配色Triads

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

#5075a9の配色パターン

#a84f74の配色パターン

#74a84fの配色パターン

■#5075a9 ■#a84f74 ■#74a84f

アナロガス配色Analogous

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

#4fa883の配色パターン

#5075a9の配色パターン

#834fa8の配色パターン

■#4fa883 ■#5075a9 ■#834fa8

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

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

#5075a9の配色パターン

#a8574fの配色パターン

#a1a84fの配色パターン

■#5075a9 ■#a8574f ■#a1a84f

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

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

#5075a9の配色パターン

#a84f74の配色パターン

#a8834fの配色パターン

#4fa883の配色パターン

■#5075a9 ■#a84f74 ■#a8834f ■#4fa883

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

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

#5075a9の配色パターン

#a84fa1の配色パターン

#a8834fの配色パターン

#4fa857の配色パターン

■#5075a9 ■#a84fa1 ■#a8834f ■#4fa857

ペンタード配色Pentad

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

#5075a9の配色パターン

#954fa8の配色パターン

#a84f51の配色パターン

#98a84fの配色パターン

#4fa871の配色パターン

■#5075a9 ■#954fa8 ■#a84f51 ■#98a84f ■#4fa871

ヘクサード配色Hexad

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

#5075a9の配色パターン

#834fa8の配色パターン

#a84f74の配色パターン

#a8834fの配色パターン

#74a84fの配色パターン

#4fa883の配色パターン

■#5075a9 ■#834fa8 ■#a84f74 ■#a8834f ■#74a84f ■#4fa883