クリエイター入門

色相・明度・彩度ってなに?色の三属性を学ぼう!

デザインやアートなどクリエイター活動をしていると必ず出てくる言葉が色の基本である「色相」「明度」「彩度」という言葉でしょう。Instagramなど写真を補正するときに色調整のパラメーターとして出てくる言葉なので聞いたことがある方が多いと思いますが、今回は改めて色の基本である「色相」「明度」「彩度」についてご紹介いたします!

色の基本 ①色相

色相とは簡単にいうと、色の種類です。赤から始まり、橙、黄、黄緑、緑、青緑…と続いて最後は赤紫で終わるものです。虹の色と思っていただければ大丈夫です。白い光が分解されるとこのような多彩な色から成り立っていることがわかります。

「赤をもう少し黄色寄りの色相にしようか」なんて言葉がでた時は、オレンジ色にならない程度に黄色の方へ少し寄った部分の色を使うという意味です。

色の基本 ②明度

次に「明度」です。明度は明るさのことです。一番わかりやすい明度は白から黒の明度です。

「明度が高い」というのは白に近くなる(明るくなる)ことで、「明度が低い」というのは黒に近くなる(暗くなる)ということです。

白から黒だけでなく、色の明度というものもあります。

↑例えばこのCREMAGAのブルーで説明します。

↑上のグラデーションのように原色のブルーから白に近くづくことが「明度を上げる」ということです。

↑そして、このように原色のブルーから黒に近づくことが「明度を下げる」ということになります。

↑また、原色のブルーは既にある程度暗めの明度となっており、色ごとに固有の明度というものを持っています。白から黒のグラデーションに当てはめると、原色のブルーは三角印のあたりの真ん中あたりの明度です。

様々な色の明度を見て見ましょう。

↑こちらは原色の色相です。

↑こちらは原色の色相から明るくなったものです。明度が高い色相です。

↑こちらは原色の色相から暗くなったものです。原色と比べて明度が低い色相ということになります。

色の基本 ③彩度

最後に「彩度」です。彩度とは色の鮮やかさのことを言います。

↑こちらのブルーを基準とします。

このグラデーションは、右に行くにつれて「彩度」がだんだん下がっています。明度のグラデーションに少し似ているのですが、最終的にはブルーの色が無くなり、ただのグレーになっています。彩度が低くなると最終的にはどんな色も様々な濃さのグレーになります。

「彩度が高い」というのは原色に近いことで、「彩度が低い」というのはグレーに近づくことです。

彩度と明度の関係性

彩度と明度には切っても切り離せない関係性があります。

↑こちらの原色のグラデーションは彩度が一番高い状態です。

↑このように明度を上げて明るくしたり、明度を下げて暗くすると、彩度は下がります。明るいから「鮮やか」ということにはならず、色の彩度の高さ(鮮やかさ)でいうと原色が一番高いのです。明度を下げて暗くすると、当然彩度も下がります。

まとめ

このように、色は3つの属性「色相」「明度」「彩度」から成り立っています。普段何気なく色を扱っていますが、色の基本を抑えておくことはクリエイターにとってとても大切なことです。また、仕事においても「明度をもう少し上げて」とか「明度と彩度を下げて、落ち着いた感じにしようか」というやりとりも発生してくると思います。

「色」というものはクリエイティブな活動では必須なのでぜひ知識を深めて、クリエイターとしての新しい一歩を踏み出しましょう!

この記事が役に立ったらぜひシェアをよろしくお願いいたします!

関連記事

  1. 制作ツール

    アトリエ整理整頓におすすめ!バンカーズボックスのご紹介!

    アトリエや作業部屋の整理整頓ってなかなか難しいですよね。配置変えのこ…

  2. クリエイター入門

    PANTONE指定ってなに?PANTONEカラーの使い方!

    印刷物やグッズ制作の依頼時に「PANTONE指定」という言葉を聞いた…

  3. クリエイター入門

    一冊は持っておきたい!紙の種類と厚さがわかる紙見本帳!

    印刷屋さんに印刷をお願いする際に、紙の種類や暑さで悩む方も多いと思い…

  4. クリエイター入門

    Illustrator(イラストレーター)文字のアウトライン化をする方法!

    印刷所にデータを入稿するときに、必ず「文字をアウトライン化してくださ…

  5. 制作ツール

    Illustrator(イラストレーター)データを、ひとつのPDFファイルにまとめる方法!

    Illustrator(イラレ)で作成したデータをクライアントにお見…

スポンサーリンク

CREMAGAとは

これからクリエイターになる人のためのWEBマガジン CREMAGA(クリマガ)。日々のスキマ時間にサクッと読める記事を掲載します。 人に聞きにくいすごく初歩的なことから、クリエイターのリアルな気持ちまで。

CREMAGAライター

渡部学/クリエイター
2015年 株式会社ワンダーマーク設立 2015~2018年 武蔵野美術大学 インターンシップ演習 特別講師 ​2019年現在「もにまるず」「TRFG」など自身の作品の制作をしながら、グラフィックデザイン・WEBデザイン・講師などのお仕事もさせていただいております。 武蔵野美術大学 視覚伝達デザイン学科 2010年度卒。 https://www.watabemanabu.com/

最近の記事

  1. Illustrator(イラストレーター)傾いたオブジェクト…
  2. Illustrator(イラストレーター)で共通オブジェクト…
  3. 一枚からオリジナルTシャツを制作!!ショップ制作も簡単な「p…
  4. 【目指せYouTuber】Adobe Premiere Pr…
  5. 作品の固定に!!撮影時や展示に便利。透明なミュージアムジェル…

Twitter

スポンサーリンク

  1. クリエイター起業

    クリエイター活動をはじめるときに考えておきたい3つのこと!
  2. イベント出展・展示

    ブースの見栄えが良くなる!ブースクロスを作ろう!
  3. 絵文字の画像

    制作ツール

    Illustrator(イラレ)で絵文字を使う方法!!
  4. イベント出展・展示

    イベントに来るバイヤーさんはココを見ている!
  5. Colormind

    クリエイター入門

    配色カラーパレット生成サービス「Colormind」!! AIによる自動生成!!…
PAGE TOP