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

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

#5176e0の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#5176e0の配色パターン

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

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

#5176e0の配色パターン

#121b33の配色パターン

#253666の配色パターン

#375199の配色パターン

#496cccの配色パターン

#5c87ffの配色パターン

■#5176e0 ■#121b33 ■#253666 ■#375199 ■#496ccc ■#5c87ff

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

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

#5176e0の配色パターン

#b4bfe0の配色パターン

#879fe0の配色パターン

#5a7ee0の配色パターン

#2d5de0の配色パターン

#003ce0の配色パターン

■#5176e0 ■#b4bfe0 ■#879fe0 ■#5a7ee0 ■#2d5de0 ■#003ce0

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

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

#5176e0の配色パターン

#e0ba51の配色パターン

■#5176e0 ■#e0ba51

トライアド配色Triads

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

#5176e0の配色パターン

#e05177の配色パターン

#77e051の配色パターン

■#5176e0 ■#e05177 ■#77e051

アナロガス配色Analogous

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

#51e0baの配色パターン

#5176e0の配色パターン

#ba51e0の配色パターン

■#51e0ba ■#5176e0 ■#ba51e0

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

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

#5176e0の配色パターン

#e07251の配色パターン

#bfe051の配色パターン

■#5176e0 ■#e07251 ■#bfe051

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

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

#5176e0の配色パターン

#e05177の配色パターン

#e0ba51の配色パターン

#51e0baの配色パターン

■#5176e0 ■#e05177 ■#e0ba51 ■#51e0ba

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

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

#5176e0の配色パターン

#e051bfの配色パターン

#e0ba51の配色パターン

#51e072の配色パターン

■#5176e0 ■#e051bf ■#e0ba51 ■#51e072

ペンタード配色Pentad

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

#5176e0の配色パターン

#d751e0の配色パターン

#e06451の配色パターン

#b1e051の配色パターン

#51e09dの配色パターン

■#5176e0 ■#d751e0 ■#e06451 ■#b1e051 ■#51e09d

ヘクサード配色Hexad

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

#5176e0の配色パターン

#ba51e0の配色パターン

#e05177の配色パターン

#e0ba51の配色パターン

#77e051の配色パターン

#51e0baの配色パターン

■#5176e0 ■#ba51e0 ■#e05177 ■#e0ba51 ■#77e051 ■#51e0ba