ベースカラーを中心に配色

メインの1色をベースカラーと呼んでおりますが、インテリア等のカラーでよく使われるのがベースカラーサブカラーアクセントカラーという考え方で、その面積の比率を考えて配色を行うという手法です。この手法はウェブサイトの配色でも非常に有効です。

  • ベースカラー 70%
  • サブカラー 25%
  • アクセントカラー 5%

この割合で配色すると調和しやすいのですが、あまり細かい数字にはこだわらなくて良いでしょう。ただし先程決めたベースカラーの割合が減ってきて、他の色が目立ちすぎるようなら注意しましょう。ベースカラーがきっちりと定まっていれば、サブカラーとアクセントカラーを選ぶことはそれほど難しいことではありません。

面積比に従って並べる

色彩を考える時には色をこのように面積比に従って並べていきましょう。大事なことは面積比を重視して適当に色を塗らないということです。同じ2色を使っていても、面積比が変われば印象が全く変わって見えてしまいます。逆の言い方をすれば面積比を守っていけば、イメージがぶれにくくなります。あとで困らないように必ず守るようにしてください。

面積を入れ替えれば印象が変わる例では同じ色相と彩度で明度だけ変えた2色を並べていますが、これを入れ替えるだけでも皆さんの受ける印象が違う物になることと思います。

実際に配色を行う時には2色を分離して使うことも多いと思いますが、距離を置かずに並べることは隣り合った色が調和するかどうかを考えるのに有効です。

ベースカラーと他の色の関わりを考えて配色ご自分で配色を行う時には下の画像のようなものを作り、それに彩色をしていくと面積比もわかりやすいでしょう。