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

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

#5b7695の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#5b7695の配色パターン

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

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

#5b7695の配色パターン

#1f2833の配色パターン

#3e5166の配色パターン

#5d7999の配色パターン

#7ca2ccの配色パターン

#9ccaffの配色パターン

■#5b7695 ■#1f2833 ■#3e5166 ■#5d7999 ■#7ca2cc ■#9ccaff

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

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

#5b7695の配色パターン

#768494の配色パターン

#597494の配色パターン

#3b6594の配色パターン

#1e5594の配色パターン

#004594の配色パターン

■#5b7695 ■#768494 ■#597494 ■#3b6594 ■#1e5594 ■#004594

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

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

#5b7695の配色パターン

#94795aの配色パターン

■#5b7695 ■#94795a

トライアド配色Triads

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

#5b7695の配色パターン

#945a75の配色パターン

#75945aの配色パターン

■#5b7695 ■#945a75 ■#75945a

アナロガス配色Analogous

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

#5a9479の配色パターン

#5b7695の配色パターン

#795a94の配色パターン

■#5a9479 ■#5b7695 ■#795a94

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

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

#5b7695の配色パターン

#945c5aの配色パターン

#92945aの配色パターン

■#5b7695 ■#945c5a ■#92945a

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

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

#5b7695の配色パターン

#945a75の配色パターン

#94795aの配色パターン

#5a9479の配色パターン

■#5b7695 ■#945a75 ■#94795a ■#5a9479

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

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

#5b7695の配色パターン

#945a92の配色パターン

#94795aの配色パターン

#5a945cの配色パターン

■#5b7695 ■#945a92 ■#94795a ■#5a945c

ペンタード配色Pentad

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

#5b7695の配色パターン

#855a94の配色パターン

#945a5eの配色パターン

#8c945aの配色パターン

#5a946dの配色パターン

■#5b7695 ■#855a94 ■#945a5e ■#8c945a ■#5a946d

ヘクサード配色Hexad

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

#5b7695の配色パターン

#795a94の配色パターン

#945a75の配色パターン

#94795aの配色パターン

#75945aの配色パターン

#5a9479の配色パターン

■#5b7695 ■#795a94 ■#945a75 ■#94795a ■#75945a ■#5a9479