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

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

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

キーカラーKey Color

配色の基準となる色

#0a3180の配色パターン

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

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

#0a3180の配色パターン

#041433の配色パターン

#082766の配色パターン

#0c3b99の配色パターン

#104fccの配色パターン

#1463ffの配色パターン

■#0a3180 ■#041433 ■#082766 ■#0c3b99 ■#104fcc ■#1463ff

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

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

#0a3180の配色パターン

#666f80の配色パターン

#4d5e80の配色パターン

#334d80の配色パターン

#1a3c80の配色パターン

#002b80の配色パターン

■#0a3180 ■#666f80 ■#4d5e80 ■#334d80 ■#1a3c80 ■#002b80

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

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

#0a3180の配色パターン

#80580aの配色パターン

■#0a3180 ■#80580a

トライアド配色Triads

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

#0a3180の配色パターン

#800a31の配色パターン

#31800aの配色パターン

■#0a3180 ■#800a31 ■#31800a

アナロガス配色Analogous

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

#0a8058の配色パターン

#0a3180の配色パターン

#580a80の配色パターン

■#0a8058 ■#0a3180 ■#580a80

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

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

#0a3180の配色パターン

#801e0aの配色パターン

#6c800aの配色パターン

■#0a3180 ■#801e0a ■#6c800a

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

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

#0a3180の配色パターン

#800a31の配色パターン

#80580aの配色パターン

#0a8058の配色パターン

■#0a3180 ■#800a31 ■#80580a ■#0a8058

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

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

#0a3180の配色パターン

#800a6cの配色パターン

#80580aの配色パターン

#0a801eの配色パターン

■#0a3180 ■#800a6c ■#80580a ■#0a801e

ペンタード配色Pentad

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

#0a3180の配色パターン

#700a80の配色パターン

#80120aの配色パターン

#60800aの配色パターン

#0a8041の配色パターン

■#0a3180 ■#700a80 ■#80120a ■#60800a ■#0a8041

ヘクサード配色Hexad

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

#0a3180の配色パターン

#580a80の配色パターン

#800a31の配色パターン

#80580aの配色パターン

#31800aの配色パターン

#0a8058の配色パターン

■#0a3180 ■#580a80 ■#800a31 ■#80580a ■#31800a ■#0a8058