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

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

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

キーカラーKey Color

配色の基準となる色

#163a31の配色パターン

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

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

#163a31の配色パターン

#13332bの配色パターン

#276656の配色パターン

#3a9981の配色パターン

#4eccacの配色パターン

#61ffd7の配色パターン

■#163a31 ■#13332b ■#276656 ■#3a9981 ■#4eccac ■#61ffd7

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

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

#163a31の配色パターン

#2f3b38の配色パターン

#233b35の配色パターン

#173b32の配色パターン

#0c3b2fの配色パターン

#003b2cの配色パターン

■#163a31 ■#2f3b38 ■#233b35 ■#173b32 ■#0c3b2f ■#003b2c

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

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

#163a31の配色パターン

#3b161fの配色パターン

■#163a31 ■#3b161f

トライアド配色Triads

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

#163a31の配色パターン

#32163bの配色パターン

#3b3216の配色パターン

■#163a31 ■#32163b ■#3b3216

アナロガス配色Analogous

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

#1f3b16の配色パターン

#163a31の配色パターン

#161f3bの配色パターン

■#1f3b16 ■#163a31 ■#161f3b

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

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

#163a31の配色パターン

#3b1632の配色パターン

#3b1f16の配色パターン

■#163a31 ■#3b1632 ■#3b1f16

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

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

#163a31の配色パターン

#32163bの配色パターン

#3b161fの配色パターン

#1f3b16の配色パターン

■#163a31 ■#32163b ■#3b161f ■#1f3b16

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

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

#163a31の配色パターン

#1f163bの配色パターン

#3b161fの配色パターン

#323b16の配色パターン

■#163a31 ■#1f163b ■#3b161f ■#323b16

ペンタード配色Pentad

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

#163a31の配色パターン

#16183bの配色パターン

#3b1635の配色パターン

#3b2316の配色パターン

#273b16の配色パターン

■#163a31 ■#16183b ■#3b1635 ■#3b2316 ■#273b16

ヘクサード配色Hexad

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

#163a31の配色パターン

#161f3bの配色パターン

#32163bの配色パターン

#3b161fの配色パターン

#3b3216の配色パターン

#1f3b16の配色パターン

■#163a31 ■#161f3b ■#32163b ■#3b161f ■#3b3216 ■#1f3b16