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

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

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

キーカラーKey Color

配色の基準となる色

#0c3691の配色パターン

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

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

#0c3691の配色パターン

#041333の配色パターン

#082666の配色パターン

#0c3999の配色パターン

#104cccの配色パターン

#145fffの配色パターン

■#0c3691 ■#041333 ■#082666 ■#0c3999 ■#104ccc ■#145fff

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

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

#0c3691の配色パターン

#747d91の配色パターン

#576a91の配色パターン

#3a5691の配色パターン

#1d4291の配色パターン

#002e91の配色パターン

■#0c3691 ■#747d91 ■#576a91 ■#3a5691 ■#1d4291 ■#002e91

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

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

#0c3691の配色パターン

#91670cの配色パターン

■#0c3691 ■#91670c

トライアド配色Triads

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

#0c3691の配色パターン

#910c36の配色パターン

#36910cの配色パターン

■#0c3691 ■#910c36 ■#36910c

アナロガス配色Analogous

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

#0c9167の配色パターン

#0c3691の配色パターン

#670c91の配色パターン

■#0c9167 ■#0c3691 ■#670c91

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

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

#0c3691の配色パターン

#91240cの配色パターン

#79910cの配色パターン

■#0c3691 ■#91240c ■#79910c

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

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

#0c3691の配色パターン

#910c36の配色パターン

#91670cの配色パターン

#0c9167の配色パターン

■#0c3691 ■#910c36 ■#91670c ■#0c9167

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

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

#0c3691の配色パターン

#910c79の配色パターン

#91670cの配色パターン

#0c9124の配色パターン

■#0c3691 ■#910c79 ■#91670c ■#0c9124

ペンタード配色Pentad

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

#0c3691の配色パターン

#820c91の配色パターン

#91170cの配色パターン

#6b910cの配色パターン

#0c914cの配色パターン

■#0c3691 ■#820c91 ■#91170c ■#6b910c ■#0c914c

ヘクサード配色Hexad

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

#0c3691の配色パターン

#670c91の配色パターン

#910c36の配色パターン

#91670cの配色パターン

#36910cの配色パターン

#0c9167の配色パターン

■#0c3691 ■#670c91 ■#910c36 ■#91670c ■#36910c ■#0c9167