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

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

#587aadの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#587aadの配色パターン

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

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

#587aadの配色パターン

#1a2433の配色パターン

#344866の配色パターン

#4e6c99の配色パターン

#6890ccの配色パターン

#82b4ffの配色パターン

■#587aad ■#1a2433 ■#344866 ■#4e6c99 ■#6890cc ■#82b4ff

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

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

#587aadの配色パターン

#8b99adの配色パターン

#6884adの配色パターン

#456fadの配色パターン

#235aadの配色パターン

#0045adの配色パターン

■#587aad ■#8b99ad ■#6884ad ■#456fad ■#235aad ■#0045ad

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

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

#587aadの配色パターン

#ad8b58の配色パターン

■#587aad ■#ad8b58

トライアド配色Triads

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

#587aadの配色パターン

#ad587aの配色パターン

#7aad58の配色パターン

■#587aad ■#ad587a ■#7aad58

アナロガス配色Analogous

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

#58ad8bの配色パターン

#587aadの配色パターン

#8b58adの配色パターン

■#58ad8b ■#587aad ■#8b58ad

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

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

#587aadの配色パターン

#ad6158の配色パターン

#a5ad58の配色パターン

■#587aad ■#ad6158 ■#a5ad58

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

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

#587aadの配色パターン

#ad587aの配色パターン

#ad8b58の配色パターン

#58ad8bの配色パターン

■#587aad ■#ad587a ■#ad8b58 ■#58ad8b

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

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

#587aadの配色パターン

#ad58a5の配色パターン

#ad8b58の配色パターン

#58ad61の配色パターン

■#587aad ■#ad58a5 ■#ad8b58 ■#58ad61

ペンタード配色Pentad

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

#587aadの配色パターン

#9c58adの配色パターン

#ad5858の配色パターン

#9cad58の配色パターン

#58ad7aの配色パターン

■#587aad ■#9c58ad ■#ad5858 ■#9cad58 ■#58ad7a

ヘクサード配色Hexad

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

#587aadの配色パターン

#8b58adの配色パターン

#ad587aの配色パターン

#ad8b58の配色パターン

#7aad58の配色パターン

#58ad8bの配色パターン

■#587aad ■#8b58ad ■#ad587a ■#ad8b58 ■#7aad58 ■#58ad8b