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

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

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

キーカラーKey Color

配色の基準となる色

#677460の配色パターン

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

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

#677460の配色パターン

#2d332aの配色パターン

#5b6655の配色パターン

#88997fの配色パターン

#b5cca9の配色パターン

#e3ffd4の配色パターン

■#677460 ■#2d332a ■#5b6655 ■#88997f ■#b5cca9 ■#e3ffd4

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

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

#677460の配色パターン

#64735cの配色パターン

#557345の配色パターン

#46732eの配色パターン

#377317の配色パターン

#287300の配色パターン

■#677460 ■#64735c ■#557345 ■#46732e ■#377317 ■#287300

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

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

#677460の配色パターン

#6c5f73の配色パターン

■#677460 ■#6c5f73

トライアド配色Triads

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

#677460の配色パターン

#5f6673の配色パターン

#735f66の配色パターン

■#677460 ■#5f6673 ■#735f66

アナロガス配色Analogous

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

#736c5fの配色パターン

#677460の配色パターン

#5f736cの配色パターン

■#736c5f ■#677460 ■#5f736c

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

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

#677460の配色パターン

#625f73の配色パターン

#735f70の配色パターン

■#677460 ■#625f73 ■#735f70

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

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

#677460の配色パターン

#5f6673の配色パターン

#6c5f73の配色パターン

#736c5fの配色パターン

■#677460 ■#5f6673 ■#6c5f73 ■#736c5f

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

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

#677460の配色パターン

#5f7073の配色パターン

#6c5f73の配色パターン

#73625fの配色パターン

■#677460 ■#5f7073 ■#6c5f73 ■#73625f

ペンタード配色Pentad

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

#677460の配色パターン

#5f7370の配色パターン

#605f73の配色パターン

#735f6eの配色パターン

#73685fの配色パターン

■#677460 ■#5f7370 ■#605f73 ■#735f6e ■#73685f

ヘクサード配色Hexad

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

#677460の配色パターン

#5f736cの配色パターン

#5f6673の配色パターン

#6c5f73の配色パターン

#735f66の配色パターン

#736c5fの配色パターン

■#677460 ■#5f736c ■#5f6673 ■#6c5f73 ■#735f66 ■#736c5f