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

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

#0a213fの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#0a213fの配色パターン

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

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

#0a213fの配色パターン

#081b33の配色パターン

#103566の配色パターン

#185099の配色パターン

#216bccの配色パターン

#2986ffの配色パターン

■#0a213f ■#081b33 ■#103566 ■#185099 ■#216bcc ■#2986ff

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

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

#0a213fの配色パターン

#333940の配色パターン

#263140の配色パターン

#1a2a40の配色パターン

#0d2340の配色パターン

#001c40の配色パターン

■#0a213f ■#333940 ■#263140 ■#1a2a40 ■#0d2340 ■#001c40

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

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

#0a213fの配色パターン

#40290aの配色パターン

■#0a213f ■#40290a

トライアド配色Triads

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

#0a213fの配色パターン

#400a21の配色パターン

#21400aの配色パターン

■#0a213f ■#400a21 ■#21400a

アナロガス配色Analogous

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

#0a4029の配色パターン

#0a213fの配色パターン

#290a40の配色パターン

■#0a4029 ■#0a213f ■#290a40

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

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

#0a213fの配色パターン

#400e0aの配色パターン

#3c400aの配色パターン

■#0a213f ■#400e0a ■#3c400a

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

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

#0a213fの配色パターン

#400a21の配色パターン

#40290aの配色パターン

#0a4029の配色パターン

■#0a213f ■#400a21 ■#40290a ■#0a4029

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

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

#0a213fの配色パターン

#400a3cの配色パターン

#40290aの配色パターン

#0a400eの配色パターン

■#0a213f ■#400a3c ■#40290a ■#0a400e

ペンタード配色Pentad

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

#0a213fの配色パターン

#330a40の配色パターン

#400a0cの配色パターン

#37400aの配色パターン

#0a401eの配色パターン

■#0a213f ■#330a40 ■#400a0c ■#37400a ■#0a401e

ヘクサード配色Hexad

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

#0a213fの配色パターン

#290a40の配色パターン

#400a21の配色パターン

#40290aの配色パターン

#21400aの配色パターン

#0a4029の配色パターン

■#0a213f ■#290a40 ■#400a21 ■#40290a ■#21400a ■#0a4029