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

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

#578c0cの配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#578c0cの配色パターン

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

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

#578c0cの配色パターン

#203305の配色パターン

#3f6609の配色パターン

#5f990eの配色パターン

#7fcc12の配色パターン

#9eff17の配色パターン

■#578c0c ■#203305 ■#3f6609 ■#5f990e ■#7fcc12 ■#9eff17

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

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

#578c0cの配色パターン

#818c70の配色パターン

#758c54の配色パターン

#698c38の配色パターン

#5e8c1cの配色パターン

#528c00の配色パターン

■#578c0c ■#818c70 ■#758c54 ■#698c38 ■#5e8c1c ■#528c00

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

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

#578c0cの配色パターン

#420d8cの配色パターン

■#578c0c ■#420d8c

トライアド配色Triads

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

#578c0cの配色パターン

#0d578cの配色パターン

#8c0d57の配色パターン

■#578c0c ■#0d578c ■#8c0d57

アナロガス配色Analogous

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

#8c420dの配色パターン

#578c0cの配色パターン

#0d8c42の配色パターン

■#8c420d ■#578c0c ■#0d8c42

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

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

#578c0cの配色パターン

#0d178cの配色パターン

#820d8cの配色パターン

■#578c0c ■#0d178c ■#820d8c

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

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

#578c0cの配色パターン

#0d578cの配色パターン

#420d8cの配色パターン

#8c420dの配色パターン

■#578c0c ■#0d578c ■#420d8c ■#8c420d

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

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

#578c0cの配色パターン

#0d8c82の配色パターン

#420d8cの配色パターン

#8c0d17の配色パターン

■#578c0c ■#0d8c82 ■#420d8c ■#8c0d17

ペンタード配色Pentad

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

#578c0cの配色パターン

#0d8c5bの配色パターン

#0d248cの配色パターン

#8c0d8aの配色パターン

#8c280dの配色パターン

■#578c0c ■#0d8c5b ■#0d248c ■#8c0d8a ■#8c280d

ヘクサード配色Hexad

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

#578c0cの配色パターン

#0d8c42の配色パターン

#0d578cの配色パターン

#420d8cの配色パターン

#8c0d57の配色パターン

#8c420dの配色パターン

■#578c0c ■#0d8c42 ■#0d578c ■#420d8c ■#8c0d57 ■#8c420d