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

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

#570a36の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#570a36の配色パターン

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

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

#570a36の配色パターン

#33061fの配色パターン

#660b3fの配色パターン

#99115eの配色パターン

#cc167dの配色パターン

#ff1c9dの配色パターン

■#570a36 ■#33061f ■#660b3f ■#99115e ■#cc167d ■#ff1c9d

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

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

#570a36の配色パターン

#57454fの配色パターン

#573448の配色パターン

#572340の配色パターン

#571139の配色パターン

#570031の配色パターン

■#570a36 ■#57454f ■#573448 ■#572340 ■#571139 ■#570031

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

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

#570a36の配色パターン

#0a572bの配色パターン

■#570a36 ■#0a572b

トライアド配色Triads

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

#570a36の配色パターン

#35570aの配色パターン

#0a3557の配色パターン

■#570a36 ■#35570a ■#0a3557

アナロガス配色Analogous

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

#2b0a57の配色パターン

#570a36の配色パターン

#572b0aの配色パターン

■#2b0a57 ■#570a36 ■#572b0a

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

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

#570a36の配色パターン

#0f570aの配色パターン

#0a5752の配色パターン

■#570a36 ■#0f570a ■#0a5752

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

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

#570a36の配色パターン

#35570aの配色パターン

#0a572bの配色パターン

#2b0a57の配色パターン

■#570a36 ■#35570a ■#0a572b ■#2b0a57

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

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

#570a36の配色パターン

#57520aの配色パターン

#0a572bの配色パターン

#0a0f57の配色パターン

■#570a36 ■#57520a ■#0a572b ■#0a0f57

ペンタード配色Pentad

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

#570a36の配色パターン

#573a0aの配色パターン

#16570aの配色パターン

#0a5457の配色パターン

#1c0a57の配色パターン

■#570a36 ■#573a0a ■#16570a ■#0a5457 ■#1c0a57

ヘクサード配色Hexad

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

#570a36の配色パターン

#572b0aの配色パターン

#35570aの配色パターン

#0a572bの配色パターン

#0a3557の配色パターン

#2b0a57の配色パターン

■#570a36 ■#572b0a ■#35570a ■#0a572b ■#0a3557 ■#2b0a57