「明度と彩度って何が違うの？」「明るい色と鮮やかな色は同じ？」と迷ったら、まず次の2つを覚えましょう。明度は色の明るさ、彩度は色の鮮やかさです。
例えば、暗い色でも鮮やかな色はあり、明るい色でもくすんだ色はあります。つまり、明度と彩度は別々に考えられる性質です。この記事では自作の比較図と具体例、5問の確認問題で違いを整理します。
最初に覚える3つの言葉
明度：明るい・暗いを表す。彩度：鮮やか・くすんでいるを表す。色相：赤・青・緑など、色みの種類を表す。3つを合わせて「色の三属性」と呼びます。
明度と彩度の違いとは？まずは比較表で理解
| 比べる項目 | 明度（めいど） | 彩度（さいど） |
|---|---|---|
| 意味 | 明るさの度合い | 色みの鮮やかさの度合い |
| 高い場合 | 明るい色 | 鮮やかな色 |
| 低い場合 | 暗い色 | にぶい・くすんだ色 |
| 見分け方の質問 | 「明るい？暗い？」 | 「鮮やか？くすんでいる？」 |
| 無彩色について | 白・灰色・黒も明度が違う | 白・灰色・黒は彩度を持たない（彩度0） |
覚え方はシンプルです。「暗い・明るい」なら明度、「地味・鮮やか」なら彩度を考えます。色が変わるときには両方が同時に変わる場合もあるので、実物を二択で決めつけないようにしましょう。
図解｜同じ色相で明度と彩度を見比べよう
次は赤系の色みをおおむねそろえた学習用の比較図です。上段は明るさを変えた例、下段は鮮やかさを変えた例です。
明度｜暗い色 → 明るい色
低明度
やや低明度
やや高明度
高明度
彩度｜くすんだ色 → 鮮やかな色
低彩度
やや低彩度
やや高彩度
高彩度
図解の読み方｜同じ色でも「明るい」と「鮮やか」は別
上段は左ほど暗く、右ほど明るい例です。下段は左ほどにぶく、右ほど鮮やかな例。鮮やかだから明るい、くすんでいるから暗いとは限りません。 画面の色を公式色票の数値と同一視せず、ここでは変化する方向を理解してください。
身近な3つの例で考える｜どちらが変わっている？
例1｜文字が薄くて読みにくいチラシ
白い紙に薄いグレーの文字を書くと、色の区別がつきにくくなることがあります。これは単純に彩度を上げれば解決するとは限りません。背景と文字の明るさの差を確かめることが重要です。Webならコントラスト比の確認も役立ちます。
実際に読みやすい3色を選びたい場合は、色コード付きの資料・チラシ向け3色配色12選も参考にしてください。
例2｜ビビッドピンクとくすみピンク
どちらもピンク系でも、一方はぱっと目立ち、もう一方は落ち着いて見えます。この違いを説明するのが彩度です。ただし、実際の2色では明度も変わっている場合があるため、「違いは彩度だけ」と決めつけないでください。
例3｜紺色と水色
紺色は暗く、水色は明るく感じられます。ここでは明度の違いが分かりやすい例ですが、実物の色は彩度や色相も違うことがあります。明度を説明する身近な例であって、ほかの属性が完全に同じとは限りません。
白・黒・グレーを混ぜると明度と彩度はどう変わる？
絵の具などに色を混ぜた場合、次のような一般的な傾向が見られます。ただし、顔料・混ぜる量・元の色・光の条件によって変化のしかたは異なります。
| 加える色 | 起こりやすい変化 | 覚えておきたい注意点 |
|---|---|---|
| 白 | 明るくなり、淡い印象へ | 明度が上がり、鮮やかさが下がる傾向。ただし元の色や材料による。 |
| 黒 | 暗く、深い印象へ | 明度が下がりやすいが、彩度の変化は一定でない。 |
| グレー | にぶい・くすんだ印象へ | 鮮やかさが下がりやすい。明度は元の色とグレーの明るさ次第。 |
「白を加えたら彩度は必ず一定量下がる」のような計算式で覚える必要はありません。ここでは、明るさと鮮やかさを分けて観察することが目的です。
色相・明度・彩度の3属性と、PCCS・マンセル・HSLの違い
色を学ぶと「色相環」や「トーン」も出てきます。色の三属性は色の基本的な見方ですが、表色系によって分類方法や数値の意味は同じではありません。
| 体系 | 色の整理方法 | 混同しないポイント |
|---|---|---|
| 色の三属性 | 色相・明度・彩度という3つの性質 | 色みと明るさと鮮やかさを区別する基本の考え方。 |
| マンセル表色系 | 色相（H）・明度（V）・彩度（C） | 体系内で明度や彩度を数値化する。 |
| PCCS | 色相（Hue）とトーン（Tone） | トーンは明度と彩度を複合した色調。マンセル値と同じではない。 |
| HSL・HSV | RGB値から計算する別々のデジタル色表現 | HSLのLやHSVのVは知覚上の明度／マンセルVと同一ではない。 |
日本色彩研究所によると、PCCSは色相とトーンを柱にした配色体系です。マンセルの3属性をそのままPCCSの表記に読み替えない点が大切です。
色相そのものの並びも復習したい人は、PCCS24色相の覚え方に、図と穴埋め練習をまとめています。
明度と彩度を見分ける3STEP｜練習の手順
まず「色み」が同じか見る
赤系か青系かなど、おおまかな色相を確認します。色相まで異なる場合は、明度・彩度のどちらだけが変わったとは考えません。
次に「明るい・暗い」を判断する
色を明るい／暗いという観点で比較します。白・灰色・黒にも明るさの違いがある点を思い出しましょう。
最後に「鮮やか・くすんでいる」を判断する
色みの強さを比較します。見た色が明るくても、淡い・くすんだ印象なら高彩度とは限りません。
確認問題5問｜明度・彩度・色相を区別できる？
以下はこの記事用に作った練習問題で、色彩検定の過去問ではありません。図の色再現ではなく、言葉の意味を確認するための問題です。
- 第1問：「色が明るい・暗い」の違いを表すのは？ A.明度／B.彩度
- 第2問：「鮮やか・くすんだ」の違いを表すのは？ A.色相／B.彩度
- 第3問：白・灰色・黒は、明度が違う？ A.違う／B.すべて同じ
- 第4問：赤を青に変えた場合、まず変化した属性は？ A.色相／B.明度
- 第5問：「明るい色＝必ず高彩度の色」である。 A.正しい／B.誤り
解答・解説｜5問の答えを確認
- 第1問：A（明度）。明度は明るさの度合いです。
- 第2問：B（彩度）。彩度は鮮やかさの度合いです。
- 第3問：A（違う）。白・灰色・黒はいずれも無彩色ですが明度は異なります。
- 第4問：A（色相）。赤と青は色みの種類が違います。現実の色ではほかの属性も変わり得ます。
- 第5問：B（誤り）。明度と彩度は別々の属性です。明るくても低彩度の色があります。
間違えたときの復習ポイント
「明るさ」なのか「鮮やかさ」なのかを言葉で説明してから図を見直しましょう。明るい・暗い＝明度／鮮やか・くすんだ＝彩度／赤・青・黄＝色相、の順に答えられれば基本は身に付いています。
よくある疑問｜明度が高いと彩度も高くなる？
明度が高い色は、彩度も高いの？
いいえ。淡いピンクや薄いグレーのように、明るいけれど鮮やかではない色もあります。
彩度が低いと、どんな色になる？
色みが弱まり、にぶい・くすんだ印象に近づきます。彩度がない無彩色は白・灰色・黒です。
色彩検定3級では、明度と彩度以外に何を勉強する？
色相などの基本に加えて、配色や色を表す仕組みを体系的に学びます。この記事では試験全体の費用や勉強時間を繰り返さず、別記事で整理しています。
まとめ｜明度と彩度は「明るさ」と「鮮やかさ」
- 明度：色の明るい・暗いを表す。
- 彩度：色の鮮やか・くすんだを表す。
- 色相：赤・黄・緑・青など色みの種類。
- 明度と彩度は同時に変わることもあるため、実物の比較で「どちらかだけ」と断定しない。
色の三属性が分かったら、次は色彩検定3級の学習計画や教材選びを確認すると、知識を整理しやすくなります。
参考資料：コニカミノルタ「色合い・明るさ・あざやかさ」／DICカラーデザイン「色の三属性と色立体」／日本色彩研究所「PCCSとは」。