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

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

#344b75の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#344b75の配色パターン

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

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

#344b75の配色パターン

#162033の配色パターン

#2d4166の配色パターン

#436199の配色パターン

#5a82ccの配色パターン

#70a2ffの配色パターン

■#344b75 ■#162033 ■#2d4166 ■#436199 ■#5a82cc ■#70a2ff

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

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

#344b75の配色パターン

#5e6675の配色パターン

#465775の配色パターン

#2f4875の配色パターン

#173875の配色パターン

#002975の配色パターン

■#344b75 ■#5e6675 ■#465775 ■#2f4875 ■#173875 ■#002975

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

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

#344b75の配色パターン

#755e34の配色パターン

■#344b75 ■#755e34

トライアド配色Triads

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

#344b75の配色パターン

#75344bの配色パターン

#4b7534の配色パターン

■#344b75 ■#75344b ■#4b7534

アナロガス配色Analogous

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

#34755eの配色パターン

#344b75の配色パターン

#5e3475の配色パターン

■#34755e ■#344b75 ■#5e3475

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

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

#344b75の配色パターン

#753d34の配色パターン

#6b7534の配色パターン

■#344b75 ■#753d34 ■#6b7534

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

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

#344b75の配色パターン

#75344bの配色パターン

#755e34の配色パターン

#34755eの配色パターン

■#344b75 ■#75344b ■#755e34 ■#34755e

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

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

#344b75の配色パターン

#75346bの配色パターン

#755e34の配色パターン

#34753dの配色パターン

■#344b75 ■#75346b ■#755e34 ■#34753d

ペンタード配色Pentad

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

#344b75の配色パターン

#6b3475の配色パターン

#753734の配色パターン

#657534の配色パターン

#347551の配色パターン

■#344b75 ■#6b3475 ■#753734 ■#657534 ■#347551

ヘクサード配色Hexad

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

#344b75の配色パターン

#5e3475の配色パターン

#75344bの配色パターン

#755e34の配色パターン

#4b7534の配色パターン

#34755eの配色パターン

■#344b75 ■#5e3475 ■#75344b ■#755e34 ■#4b7534 ■#34755e