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

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

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

キーカラーKey Color

配色の基準となる色

#7774d1の配色パターン

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

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

#7774d1の配色パターン

#1d1d33の配色パターン

#3b3966の配色パターン

#585699の配色パターン

#7572ccの配色パターン

#938fffの配色パターン

■#7774d1 ■#1d1d33 ■#3b3966 ■#585699 ■#7572cc ■#938fff

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

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

#7774d1の配色パターン

#a9a7d1の配色パターン

#807dd1の配色パターン

#5854d1の配色パターン

#2f2ad1の配色パターン

#0700d1の配色パターン

■#7774d1 ■#a9a7d1 ■#807dd1 ■#5854d1 ■#2f2ad1 ■#0700d1

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

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

#7774d1の配色パターン

#ced175の配色パターン

■#7774d1 ■#ced175

トライアド配色Triads

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

#7774d1の配色パターン

#d17875の配色パターン

#75d178の配色パターン

■#7774d1 ■#d17875 ■#75d178

アナロガス配色Analogous

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

#75ced1の配色パターン

#7774d1の配色パターン

#d175ceの配色パターン

■#75ced1 ■#7774d1 ■#d175ce

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

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

#7774d1の配色パターン

#d1a675の配色パターン

#a0d175の配色パターン

■#7774d1 ■#d1a675 ■#a0d175

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

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

#7774d1の配色パターン

#d17875の配色パターン

#ced175の配色パターン

#75ced1の配色パターン

■#7774d1 ■#d17875 ■#ced175 ■#75ced1

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

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

#7774d1の配色パターン

#d175a0の配色パターン

#ced175の配色パターン

#75d1a6の配色パターン

■#7774d1 ■#d175a0 ■#ced175 ■#75d1a6

ペンタード配色Pentad

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

#7774d1の配色パターン

#d175bcの配色パターン

#d19d75の配色パターン

#97d175の配色パターン

#75d1c2の配色パターン

■#7774d1 ■#d175bc ■#d19d75 ■#97d175 ■#75d1c2

ヘクサード配色Hexad

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

#7774d1の配色パターン

#d175ceの配色パターン

#d17875の配色パターン

#ced175の配色パターン

#75d178の配色パターン

#75ced1の配色パターン

■#7774d1 ■#d175ce ■#d17875 ■#ced175 ■#75d178 ■#75ced1