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

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

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

キーカラーKey Color

配色の基準となる色

#5f9572の配色パターン

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

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

#5f9572の配色パターン

#213327の配色パターン

#41664eの配色パターン

#629975の配色パターン

#83cc9cの配色パターン

#a3ffc3の配色パターン

■#5f9572 ■#213327 ■#41664e ■#629975 ■#83cc9c ■#a3ffc3

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

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

#5f9572の配色パターン

#769481の配色パターン

#59946dの配色パターン

#3b945aの配色パターン

#1e9447の配色パターン

#009434の配色パターン

■#5f9572 ■#769481 ■#59946d ■#3b945a ■#1e9447 ■#009434

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

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

#5f9572の配色パターン

#945f81の配色パターン

■#5f9572 ■#945f81

トライアド配色Triads

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

#5f9572の配色パターン

#715f94の配色パターン

#94715fの配色パターン

■#5f9572 ■#715f94 ■#94715f

アナロガス配色Analogous

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

#81945fの配色パターン

#5f9572の配色パターン

#5f8194の配色パターン

■#81945f ■#5f9572 ■#5f8194

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

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

#5f9572の配色パターン

#8c5f94の配色パターン

#945f67の配色パターン

■#5f9572 ■#8c5f94 ■#945f67

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

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

#5f9572の配色パターン

#715f94の配色パターン

#945f81の配色パターン

#81945fの配色パターン

■#5f9572 ■#715f94 ■#945f81 ■#81945f

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

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

#5f9572の配色パターン

#5f6794の配色パターン

#945f81の配色パターン

#948c5fの配色パターン

■#5f9572 ■#5f6794 ■#945f81 ■#948c5f

ペンタード配色Pentad

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

#5f9572の配色パターン

#5f7794の配色パターン

#875f94の配色パターン

#945f61の配色パターン

#8c945fの配色パターン

■#5f9572 ■#5f7794 ■#875f94 ■#945f61 ■#8c945f

ヘクサード配色Hexad

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

#5f9572の配色パターン

#5f8194の配色パターン

#715f94の配色パターン

#945f81の配色パターン

#94715fの配色パターン

#81945fの配色パターン

■#5f9572 ■#5f8194 ■#715f94 ■#945f81 ■#94715f ■#81945f