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

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

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

キーカラーKey Color

配色の基準となる色

#0c1757の配色パターン

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

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

#0c1757の配色パターン

#070e33の配色パターン

#0e1b66の配色パターン

#152999の配色パターン

#1d37ccの配色パターン

#2445ffの配色パターン

■#0c1757 ■#070e33 ■#0e1b66 ■#152999 ■#1d37cc ■#2445ff

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

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

#0c1757の配色パターン

#454857の配色パターン

#343957の配色パターン

#232a57の配色パターン

#111c57の配色パターン

#000d57の配色パターン

■#0c1757 ■#454857 ■#343957 ■#232a57 ■#111c57 ■#000d57

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

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

#0c1757の配色パターン

#574c0cの配色パターン

■#0c1757 ■#574c0c

トライアド配色Triads

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

#0c1757の配色パターン

#570c17の配色パターン

#17570cの配色パターン

■#0c1757 ■#570c17 ■#17570c

アナロガス配色Analogous

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

#0c574cの配色パターン

#0c1757の配色パターン

#4c0c57の配色パターン

■#0c574c ■#0c1757 ■#4c0c57

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

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

#0c1757の配色パターン

#57260cの配色パターン

#3d570cの配色パターン

■#0c1757 ■#57260c ■#3d570c

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

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

#0c1757の配色パターン

#570c17の配色パターン

#574c0cの配色パターン

#0c574cの配色パターン

■#0c1757 ■#570c17 ■#574c0c ■#0c574c

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

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

#0c1757の配色パターン

#570c3dの配色パターン

#574c0cの配色パターン

#0c5726の配色パターン

■#0c1757 ■#570c3d ■#574c0c ■#0c5726

ペンタード配色Pentad

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

#0c1757の配色パターン

#570c53の配色パターン

#571f0cの配色パターン

#35570cの配色パターン

#0c573dの配色パターン

■#0c1757 ■#570c53 ■#571f0c ■#35570c ■#0c573d

ヘクサード配色Hexad

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

#0c1757の配色パターン

#4c0c57の配色パターン

#570c17の配色パターン

#574c0cの配色パターン

#17570cの配色パターン

#0c574cの配色パターン

■#0c1757 ■#4c0c57 ■#570c17 ■#574c0c ■#17570c ■#0c574c