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

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

#17163bの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#17163bの配色パターン

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

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

#17163bの配色パターン

#141333の配色パターン

#282666の配色パターン

#3c3999の配色パターン

#504bccの配色パターン

#645effの配色パターン

■#17163b ■#141333 ■#282666 ■#3c3999 ■#504bcc ■#645eff

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

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

#17163bの配色パターン

#2f2f3bの配色パターン

#24233bの配色パターン

#19173bの配色パターン

#0d0c3bの配色パターン

#02003bの配色パターン

■#17163b ■#2f2f3b ■#24233b ■#19173b ■#0d0c3b ■#02003b

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

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

#17163bの配色パターン

#393b16の配色パターン

■#17163b ■#393b16

トライアド配色Triads

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

#17163bの配色パターン

#3b1716の配色パターン

#163b17の配色パターン

■#17163b ■#3b1716 ■#163b17

アナロガス配色Analogous

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

#16393bの配色パターン

#17163bの配色パターン

#3b1639の配色パターン

■#16393b ■#17163b ■#3b1639

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

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

#17163bの配色パターン

#3b2916の配色パターン

#273b16の配色パターン

■#17163b ■#3b2916 ■#273b16

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

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

#17163bの配色パターン

#3b1716の配色パターン

#393b16の配色パターン

#16393bの配色パターン

■#17163b ■#3b1716 ■#393b16 ■#16393b

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

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

#17163bの配色パターン

#3b1627の配色パターン

#393b16の配色パターン

#163b29の配色パターン

■#17163b ■#3b1627 ■#393b16 ■#163b29

ペンタード配色Pentad

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

#17163bの配色パターン

#3b1632の配色パターン

#3b2616の配色パターン

#233b16の配色パターン

#163b34の配色パターン

■#17163b ■#3b1632 ■#3b2616 ■#233b16 ■#163b34

ヘクサード配色Hexad

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

#17163bの配色パターン

#3b1639の配色パターン

#3b1716の配色パターン

#393b16の配色パターン

#163b17の配色パターン

#16393bの配色パターン

■#17163b ■#3b1639 ■#3b1716 ■#393b16 ■#163b17 ■#16393b