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

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

#163a51の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#163a51の配色パターン

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

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

#163a51の配色パターン

#0e2533の配色パターン

#1c4966の配色パターン

#296e99の配色パターン

#3793ccの配色パターン

#45b8ffの配色パターン

■#163a51 ■#0e2533 ■#1c4966 ■#296e99 ■#3793cc ■#45b8ff

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

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

#163a51の配色パターン

#414b52の配色パターン

#314552の配色パターン

#213f52の配色パターン

#103952の配色パターン

#003252の配色パターン

■#163a51 ■#414b52 ■#314552 ■#213f52 ■#103952 ■#003252

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

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

#163a51の配色パターン

#522d16の配色パターン

■#163a51 ■#522d16

トライアド配色Triads

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

#163a51の配色パターン

#52163bの配色パターン

#3b5216の配色パターン

■#163a51 ■#52163b ■#3b5216

アナロガス配色Analogous

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

#16522dの配色パターン

#163a51の配色パターン

#2d1652の配色パターン

■#16522d ■#163a51 ■#2d1652

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

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

#163a51の配色パターン

#52161dの配色パターン

#524b16の配色パターン

■#163a51 ■#52161d ■#524b16

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

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

#163a51の配色パターン

#52163bの配色パターン

#522d16の配色パターン

#16522dの配色パターン

■#163a51 ■#52163b ■#522d16 ■#16522d

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

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

#163a51の配色パターン

#4b1652の配色パターン

#522d16の配色パターン

#1d5216の配色パターン

■#163a51 ■#4b1652 ■#522d16 ■#1d5216

ペンタード配色Pentad

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

#163a51の配色パターン

#391652の配色パターン

#521623の配色パターン

#525116の配色パターン

#165221の配色パターン

■#163a51 ■#391652 ■#521623 ■#525116 ■#165221

ヘクサード配色Hexad

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

#163a51の配色パターン

#2d1652の配色パターン

#52163bの配色パターン

#522d16の配色パターン

#3b5216の配色パターン

#16522dの配色パターン

■#163a51 ■#2d1652 ■#52163b ■#522d16 ■#3b5216 ■#16522d