色の基本知識。色相・彩度・明度を理解しよう。

色、、難しいですよね。

私も色にはいつも悩まされます。

色一つで目立ったり、埋もれたり、たとえ素晴らしいレイアウトをしても配色が悪いと台無しになってしまいます。

配色が苦手な人は多いのではないかと思います。

そんな配色に悩まれている方は色の基本である「色の三属性」を理解することをおすすめします。

配色にはある一定のルールがあります。このルールを押さえれば感覚だけに頼らない配色ができるようになると思います。

今回は配色の基本になる色の三属性の解説をします。

色の三属性を理解すれば効果的な配色が実現できるようになります。

色の三属性とは

色の三属性とは「色相」・「彩度」・「明度」のことをいいます。

全ての色はこの三属性の性質を持っています。

色相

色相とは赤、青、黄などの「色み」のことをいいます。

色相をサーク状に並べたものを「色相環（しきそうかん）」といいます。

色相環とは「赤」「黄」「青」を基準とした12色を円上に配置したものです。
今回は無限にある色の中から代表的な色相環で説明します。

[jin-iconbox01]色相環は明度や彩度の違いよって様々な色の色相環があります。[/jin-iconbox01]

色相環を使うと、馴染む色や反発しあう色などの配色で必要な色の組み合わせの特徴を知ることができます。

• 色相環において、隣り合う色を「類似色」
• 反対側にある色を「補色」
• 「補色」の両サイドの色を「反対色」

これらは配色をする際にとても重要な鍵となります。

３つの組み合わせの特徴を解説します。

類似色

色相環の隣り合う色を「類似色」と言います。

類似色は色相環の隣り合った色で作る配色はまとまりやすい配色となります。

同系の色なので全体のトーンの統一がしやすく、扱いやすい配色になる反面、大胆さや、インパクトに欠ける印象があります。また遠くからだと、ぼやけて見えてしまう欠点もあります。

対策としてはすぐ隣の色を使わずに１つか２つ飛ばした色との組み合わせでぼやけた印場は多少は回避できる配色となります。

企業のロゴでは、MASTERCARDやSUBWAYなどが類似色の配色です。

[jin-iconbox03]いまさらですが、配色とは2色以上の調和のとれた組み合わせのことです。[/jin-iconbox03]

補色

反対にある色を「補色」と言います。

色の差が一番大きい補色は、ダイナミックやカジュアルな印象の配色となります。

類似色とは逆に使い方を間違えるとガチャガチャしてい、まとまりのないものになってしまします。メイン色にアクセントで補色を使うなど、使い方次第ではインパクトのあるデザインが作れます。

企業のロゴではムラサキスポーツが補色の配色です。

反対色

「補色」の両サイドの色を「反対色」となります。

反対色は補色より近い分、調和のとれた組み合わせとなります。補色では色の差がきつい場合は反対色で組み合わせるのもよいかもしれません。

企業のロゴではツタヤやIKEAが反対色の配色になります。

彩度

彩度とは「色の鮮やかさ」のことをいいます。

鮮やかな色ほど彩度が高く、グレーに近づくほど彩度が低いと表します。

一番彩度の高い混じり気のない色を「純色」といい、最も彩度が低いものは「無彩色」（グレー）といいます。

明度

明度とは「色の明るさ」の度合いを表すものです。

明度が「白」近くと明度が高いといい、「黒」に近づくと低いと表現します。

[jin_icon_check color=”#e9546b” size=”18px”]この彩度と明度によって表される色の調子のことを「トーン」と言います。トーンを理解することで配色の幅がグッと広がります。参考にどうぞ。

https://clip-blog.com/tone-impression/

 

[jin_icon_check_circle color=”#e9546b” size=”18px”]配色の参考になるサイトをまとめました。参考にどうぞ。

https://clip-blog.com/color-sample-site/

 

仕事で即使える本の紹介

色相、明度、彩度、トーン、配色を構成しているパーツまで分解して解説しているので、なぜこの配色なのかががわかり、デザインの制作にもすぐに活用できます。とても参考になります。

 

色を組み合わせたシンプルなイメージと実際の作品例が掲載されているので、即実践で活用できます。活用例がとても参考になります。

 

まとめ

色の三属性とは「色相」・「彩度」・「明度」を理解することで色の使い方のヒントになると思います。

僕からひとつ配色のアドバイスですが、できる限り色数は抑えるということです。どうしても色数が増えれば、それだけでパズルのピースが増えるように、より難しくなっていってしまいます。最終的にまとまりのない印象になりがちです。
色数を抑えるとまとまりの良いデザインにしやすくなります。

あと、プレゼン時に、どうしてこの色にしたのかと聞かれた時に、色の三属性を理解していれば、色の選択理由も理論的で説得力のある説明ができるかと思います。独学でデザインをする方やデザイナー初心者の方のは是非、理解することをおすすめします。

少しは色をうまく使う参考になったでしょうか。