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

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

#664c23の配色パターン色の組み合わせ

キーカラーKey Color

配色の基準となる色

#664c23の配色パターン

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

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

#664c23の配色パターン

#332611の配色パターン

#664c23の配色パターン

#997234の配色パターン

#cc9845の配色パターン

#ffbe57の配色パターン

■#664c23 ■#332611 ■#664c23 ■#997234 ■#cc9845 ■#ffbe57

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

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

#664c23の配色パターン

#665e52の配色パターン

#66563dの配色パターン

#664f29の配色パターン

#664714の配色パターン

#663f00の配色パターン

■#664c23 ■#665e52 ■#66563d ■#664f29 ■#664714 ■#663f00

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

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

#664c23の配色パターン

#233c66の配色パターン

■#664c23 ■#233c66

トライアド配色Triads

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

#664c23の配色パターン

#23664cの配色パターン

#4c2366の配色パターン

■#664c23 ■#23664c ■#4c2366

アナロガス配色Analogous

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

#66233cの配色パターン

#664c23の配色パターン

#3c6623の配色パターン

■#66233c ■#664c23 ■#3c6623

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

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

#664c23の配色パターン

#235e66の配色パターン

#2b2366の配色パターン

■#664c23 ■#235e66 ■#2b2366

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

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

#664c23の配色パターン

#23664cの配色パターン

#233c66の配色パターン

#66233cの配色パターン

■#664c23 ■#23664c ■#233c66 ■#66233c

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

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

#664c23の配色パターン

#23662bの配色パターン

#233c66の配色パターン

#66235eの配色パターン

■#664c23 ■#23662b ■#233c66 ■#66235e

ペンタード配色Pentad

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

#664c23の配色パターン

#2f6623の配色パターン

#236566の配色パターン

#312366の配色パターン

#66234aの配色パターン

■#664c23 ■#2f6623 ■#236566 ■#312366 ■#66234a

ヘクサード配色Hexad

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

#664c23の配色パターン

#3c6623の配色パターン

#23664cの配色パターン

#233c66の配色パターン

#4c2366の配色パターン

#66233cの配色パターン

■#664c23 ■#3c6623 ■#23664c ■#233c66 ■#4c2366 ■#66233c