クリエイター入門

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

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

色の基本 ①色相

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

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

色の基本 ②明度

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

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

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

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

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

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

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

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

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

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

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

色の基本 ③彩度

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

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

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

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

彩度と明度の関係性

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

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

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

まとめ

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

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

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

関連記事

  1. package

    クリエイター入門

    パッケージデザインの3つの役割!作品に合ったパッケージ を考えよう!

    作品を作って販売する際に必要になってくるパッケージ。パッケージにはい…

  2. クリエイター入門

    クリエイターになりたいけど、やりたいことがわからない人へ

    グラフィック・イラスト・WEBデザイン・ハンドメイド…ジャンルはたく…

  3. Marbleの画像
  4. 制作ツール

    「Form2」卓上サイズのハイクオリティ3Dプリンターのご紹介!

    自宅で本格的な3Dプリントをしたい、そんな方へ卓上サイズのハイクオリ…

  5. クリエイター入門

    そもそもクリエイターってなんだろう

    そもそもクリエイターって何でしょうか。英語の直訳は「創造主」…

スポンサーリンク

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. グッズの画像

    イベント出展・展示

    SWEAT.jpでオリジナルグッズを作ろう!! Tシャツ・パーカーなど!!
  2. クリエイター入門

    Illustratorでのステッカーのカットパスの作り方!
  3. クリエイター入門

    Udemyで新しい技術を習得しよう!動画学習で効率UP!
  4. gradationmesh

    制作ツール

    Illustrator(イラストレーター)のグラデーションメッシュで自由なグラデ…
  5. クリエイター入門

    委託販売のはじめ方!販売までの流れ・専門用語・気をつけること!
PAGE TOP