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

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

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

キーカラーKey Color

配色の基準となる色

#7677a8の配色パターン

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

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

#7677a8の配色パターン

#242433の配色パターン

#474866の配色パターン

#6b6c99の配色パターン

#8f90ccの配色パターン

#b3b4ffの配色パターン

■#7677a8 ■#242433 ■#474866 ■#6b6c99 ■#8f90cc ■#b3b4ff

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

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

#7677a8の配色パターン

#8787a8の配色パターン

#6566a8の配色パターン

#4345a8の配色パターン

#2224a8の配色パターン

#0003a8の配色パターン

■#7677a8 ■#8787a8 ■#6566a8 ■#4345a8 ■#2224a8 ■#0003a8

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

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

#7677a8の配色パターン

#a8a776の配色パターン

■#7677a8 ■#a8a776

トライアド配色Triads

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

#7677a8の配色パターン

#a87677の配色パターン

#77a876の配色パターン

■#7677a8 ■#a87677 ■#77a876

アナロガス配色Analogous

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

#76a8a7の配色パターン

#7677a8の配色パターン

#a776a8の配色パターン

■#76a8a7 ■#7677a8 ■#a776a8

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

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

#7677a8の配色パターン

#a88e76の配色パターン

#90a876の配色パターン

■#7677a8 ■#a88e76 ■#90a876

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

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

#7677a8の配色パターン

#a87677の配色パターン

#a8a776の配色パターン

#76a8a7の配色パターン

■#7677a8 ■#a87677 ■#a8a776 ■#76a8a7

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

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

#7677a8の配色パターン

#a87690の配色パターン

#a8a776の配色パターン

#76a88eの配色パターン

■#7677a8 ■#a87690 ■#a8a776 ■#76a88e

ペンタード配色Pentad

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

#7677a8の配色パターン

#a8769fの配色パターン

#a88976の配色パターン

#8ba876の配色パターン

#76a89dの配色パターン

■#7677a8 ■#a8769f ■#a88976 ■#8ba876 ■#76a89d

ヘクサード配色Hexad

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

#7677a8の配色パターン

#a776a8の配色パターン

#a87677の配色パターン

#a8a776の配色パターン

#77a876の配色パターン

#76a8a7の配色パターン

■#7677a8 ■#a776a8 ■#a87677 ■#a8a776 ■#77a876 ■#76a8a7