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

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

#5b333eの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#5b333eの配色パターン

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

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

#5b333eの配色パターン

#331d23の配色パターン

#663945の配色パターン

#995668の配色パターン

#cc728aの配色パターン

#ff8fadの配色パターン

■#5b333e ■#331d23 ■#663945 ■#995668 ■#cc728a ■#ff8fad

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

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

#5b333eの配色パターン

#5c494eの配色パターン

#5c3741の配色パターン

#5c2533の配色パターン

#5c1226の配色パターン

#5c0018の配色パターン

■#5b333e ■#5c494e ■#5c3741 ■#5c2533 ■#5c1226 ■#5c0018

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

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

#5b333eの配色パターン

#335c51の配色パターン

■#5b333e ■#335c51

トライアド配色Triads

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

#5b333eの配色パターン

#3e5c33の配色パターン

#333e5cの配色パターン

■#5b333e ■#3e5c33 ■#333e5c

アナロガス配色Analogous

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

#51335cの配色パターン

#5b333eの配色パターン

#5c5133の配色パターン

■#51335c ■#5b333e ■#5c5133

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

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

#5b333eの配色パターン

#335c3dの配色パターン

#33525cの配色パターン

■#5b333e ■#335c3d ■#33525c

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

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

#5b333eの配色パターン

#3e5c33の配色パターン

#335c51の配色パターン

#51335cの配色パターン

■#5b333e ■#3e5c33 ■#335c51 ■#51335c

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

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

#5b333eの配色パターン

#525c33の配色パターン

#335c51の配色パターン

#3d335cの配色パターン

■#5b333e ■#525c33 ■#335c51 ■#3d335c

ペンタード配色Pentad

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

#5b333eの配色パターン

#5c5933の配色パターン

#335c39の配色パターン

#334e5cの配色パターン

#49335cの配色パターン

■#5b333e ■#5c5933 ■#335c39 ■#334e5c ■#49335c

ヘクサード配色Hexad

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

#5b333eの配色パターン

#5c5133の配色パターン

#3e5c33の配色パターン

#335c51の配色パターン

#333e5cの配色パターン

#51335cの配色パターン

■#5b333e ■#5c5133 ■#3e5c33 ■#335c51 ■#333e5c ■#51335c