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

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

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

キーカラーKey Color

配色の基準となる色

#0c344cの配色パターン

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

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

#0c344cの配色パターン

#082333の配色パターン

#104566の配色パターン

#186899の配色パターン

#218accの配色パターン

#29adffの配色パターン

■#0c344c ■#082333 ■#104566 ■#186899 ■#218acc ■#29adff

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

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

#0c344cの配色パターン

#3d474dの配色パターン

#2e414dの配色パターン

#1f3b4dの配色パターン

#0f354dの配色パターン

#002f4dの配色パターン

■#0c344c ■#3d474d ■#2e414d ■#1f3b4d ■#0f354d ■#002f4d

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

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

#0c344cの配色パターン

#4d250cの配色パターン

■#0c344c ■#4d250c

トライアド配色Triads

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

#0c344cの配色パターン

#4d0c34の配色パターン

#344d0cの配色パターン

■#0c344c ■#4d0c34 ■#344d0c

アナロガス配色Analogous

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

#0c4d25の配色パターン

#0c344cの配色パターン

#250c4dの配色パターン

■#0c4d25 ■#0c344c ■#250c4d

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

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

#0c344cの配色パターン

#4d0c14の配色パターン

#4d450cの配色パターン

■#0c344c ■#4d0c14 ■#4d450c

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

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

#0c344cの配色パターン

#4d0c34の配色パターン

#4d250cの配色パターン

#0c4d25の配色パターン

■#0c344c ■#4d0c34 ■#4d250c ■#0c4d25

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

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

#0c344cの配色パターン

#450c4dの配色パターン

#4d250cの配色パターン

#144d0cの配色パターン

■#0c344c ■#450c4d ■#4d250c ■#144d0c

ペンタード配色Pentad

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

#0c344cの配色パターン

#320c4dの配色パターン

#4d0c1aの配色パターン

#4d4b0cの配色パターン

#0c4d18の配色パターン

■#0c344c ■#320c4d ■#4d0c1a ■#4d4b0c ■#0c4d18

ヘクサード配色Hexad

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

#0c344cの配色パターン

#250c4dの配色パターン

#4d0c34の配色パターン

#4d250cの配色パターン

#344d0cの配色パターン

#0c4d25の配色パターン

■#0c344c ■#250c4d ■#4d0c34 ■#4d250c ■#344d0c ■#0c4d25