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

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

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

キーカラーKey Color

配色の基準となる色

#5c6a81の配色パターン

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

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

#5c6a81の配色パターン

#242a33の配色パターン

#485466の配色パターン

#6d7e99の配色パターン

#91a8ccの配色パターン

#b5d1ffの配色パターン

■#5c6a81 ■#242a33 ■#485466 ■#6d7e99 ■#91a8cc ■#b5d1ff

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

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

#5c6a81の配色パターン

#687282の配色パターン

#4e6282の配色パターン

#345282の配色パターン

#1a4282の配色パターン

#003282の配色パターン

■#5c6a81 ■#687282 ■#4e6282 ■#345282 ■#1a4282 ■#003282

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

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

#5c6a81の配色パターン

#82745cの配色パターン

■#5c6a81 ■#82745c

トライアド配色Triads

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

#5c6a81の配色パターン

#825c6bの配色パターン

#6b825cの配色パターン

■#5c6a81 ■#825c6b ■#6b825c

アナロガス配色Analogous

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

#5c8274の配色パターン

#5c6a81の配色パターン

#745c82の配色パターン

■#5c8274 ■#5c6a81 ■#745c82

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

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

#5c6a81の配色パターン

#82615cの配色パターン

#7e825cの配色パターン

■#5c6a81 ■#82615c ■#7e825c

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

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

#5c6a81の配色パターン

#825c6bの配色パターン

#82745cの配色パターン

#5c8274の配色パターン

■#5c6a81 ■#825c6b ■#82745c ■#5c8274

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

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

#5c6a81の配色パターン

#825c7eの配色パターン

#82745cの配色パターン

#5c8261の配色パターン

■#5c6a81 ■#825c7e ■#82745c ■#5c8261

ペンタード配色Pentad

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

#5c6a81の配色パターン

#7b5c82の配色パターン

#825d5cの配色パターン

#7a825cの配色パターン

#5c826cの配色パターン

■#5c6a81 ■#7b5c82 ■#825d5c ■#7a825c ■#5c826c

ヘクサード配色Hexad

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

#5c6a81の配色パターン

#745c82の配色パターン

#825c6bの配色パターン

#82745cの配色パターン

#6b825cの配色パターン

#5c8274の配色パターン

■#5c6a81 ■#745c82 ■#825c6b ■#82745c ■#6b825c ■#5c8274