配色パターン 81サンプル
- リスト内のマークについて
- B … 全体の背景色
- H … ヘッダの背景色
- M … メニューバーの背景色
- L … 左サイドバーの背景色
- C … 中央カラムの背景色
- R … 右サイドバーの背景色
- F … フッタの背景色
- A … アクセント色
シンプルな配色
クセの少ない、シンプルですっきりとした配色パターン。
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
ナチュラルな配色
緑、海、空など、自然をイメージした配色パターン。
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
シックな配色
派手さを抑え、大人っぽさを演出した配色パターン。
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
ソフトな配色
柔らかめの色を使い、可愛らしさを演出した配色パターン。
インパクトな配色
強めの色を使い、アクティブさを演出した配色パターン。
ダークな配色
暗めの色を使い、重量感を演出した配色パターン。
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
- B
- H
- M
- L
- C
- R
- F
- A
未分類
他のカテゴリーに分類できなかった配色パターン。