『色の三要素』解説!色相・明度・彩度の違いとテスト対策まとめ
中学美術で学習する色の三要素とは、色を整理するときに使う、色相・明度・彩度の3つの性質のことだよ。
この3つは、色の三属性と呼ばれることもあるよ。「三要素」と「三属性」は、どちらも色相・明度・彩度を指して使われることが多いんだ。ただし、テストでは学校の教科書やプリントで使われている表記を優先して覚えよう。
同じ「青」でも、明るい青、暗い青、鮮やかな青、くすんだ青など、いろいろな青があるよね。色は、名前だけでなく、明るさや鮮やかさによっても印象が変わるんだ。
この記事では、色相・明度・彩度の意味と、有彩色・無彩色、さらに純色・明清色・暗清色・濁色について、中学生にもわかりやすく解説していくよ。
この記事で分かること
- 色の三要素とは何か
- 色相・明度・彩度の違い
- 有彩色と無彩色の違い
- 純色・明清色・暗清色・濁色の違い
- 色の三要素が作品やデザインにどう関係するか
目次
1. 色の三要素(三属性)とは

色の三要素とは、色を見分けたり整理したりするときに使う、3つの性質のことだよ。
その3つが、色相・明度・彩度なんだ。
この3つは、教科書によって色の三属性と表されることもあるよ。意味としては、色相・明度・彩度の3つを指していると考えればよいんだ。
| 要素 | 意味 | かんたんな言い方 |
|---|---|---|
| 色相 | 赤・青・黄などの色みの種類や性質 | どんな色みか |
| 明度 | 色の明るさの度合い | 明るいか、暗いか |
| 彩度 | 色の鮮やかさの度合い | 鮮やかか、にぶいか |
たとえば、「赤」という色を考えるときも、明るい赤、暗い赤、鮮やかな赤、くすんだ赤など、いろいろな赤があるよね。
これは、色相は同じ「赤」でも、明度や彩度が変わっているからなんだ。
たろう
くまごろう色の三要素(三属性)
色相・明度・彩度の3つ。色を整理したり、作品の印象を考えたりするときに大切な性質。
教科書によって「三要素」「三属性」のどちらの表記を使うかが違う場合があるので、学校で使っている言葉を確認しておこう。
2. 色相とは
色相とは、赤・青・黄などの、色みの種類や性質のことだよ。
かんたんにいうと、「何色系の色なのか」を表すものだね。
赤、だいだい、黄、緑、青、紫などは、それぞれ色相が違う色なんだ。
色相をわかりやすく整理するために使われるのが、色相環だよ。色相環では、色みのある色を似ている順番に並べて、輪の形にしているんだ。
色相環を見ると、どの色とどの色が近い関係にあるのか、どの色どうしが反対側にあるのかがわかりやすくなるよ。
| 色相の例 | 説明 |
|---|---|
| 赤 | 赤みをもつ色 |
| 黄 | 黄色みをもつ色 |
| 青 | 青みをもつ色 |
| 緑 | 黄と青の間にある色 |
| 紫 | 青と赤の間にある色 |
テストでは、色相を「色の明るさ」や「色の鮮やかさ」と取り違えないように注意しよう。
色相のポイント
色相は、赤・青・黄などの「色みの種類や性質」のこと。明るさや鮮やかさではない。
3. 明度とは
明度とは、色の明るさの度合いのことだよ。
明度が高い色は明るく見え、明度が低い色は暗く見えるんだ。
たとえば、白は明度が高い色、黒は明度が低い色だよ。灰色は、白と黒の間の明るさをもつ色として考えられるね。
赤や青のような色でも、白を混ぜたような明るい色は明度が高く、黒を混ぜたような暗い色は明度が低くなるよ。
たろう
くまごろう| 明度 | 見え方 | 例 |
|---|---|---|
| 高い | 明るい | 白、明るい黄色、水色、うすいピンクなど |
| 低い | 暗い | 黒、暗い青、こげ茶、暗い紫など |
明度は、作品の見やすさにも関係するよ。背景と文字の明度の差が大きいと、文字が読みやすくなることが多いんだ。
たとえば、白い紙に黒い文字を書くと読みやすいよね。これは、白と黒の明度差が大きいからなんだ。
また、黄色は有彩色の中でも明度が高い色相のひとつだよ。ただし、黄色でも白を混ぜたような色、黒や灰色を混ぜたような色では、明度や彩度が変わることに注意しよう。
明度のポイント
- 明度は、色の明るさの度合い。
- 明度が高いほど明るい。
- 明度が低いほど暗い。
- 明度差が大きいと、形や文字が見えやすくなることがある。
4. 彩度とは
彩度とは、色の鮮やかさの度合いのことだよ。
彩度が高い色は、はっきりしていて鮮やかに見えるよ。反対に、彩度が低い色は、灰色がかったように見えたり、落ち着いた印象になったりするんだ。
たとえば、あざやかな赤は彩度が高い色だよ。一方で、茶色っぽい赤や灰色がかった赤は、彩度が低い色として考えられるんだ。
彩度が高い色は、目立ちやすく、元気な印象を与えやすいよ。彩度が低い色は、落ち着いた印象ややわらかい印象を与えやすいんだ。
| 彩度 | 見え方 | 印象 |
|---|---|---|
| 高い | 鮮やか | 目立つ、元気、強い |
| 低い | にぶい、灰色がかっている | 落ち着いた、やわらかい、控えめ |
テストでは、彩度を「明るさ」と取り違えないように注意しよう。彩度は、明るいか暗いかではなく、鮮やかか、にぶいかを表す言葉なんだ。
たとえば、うすい水色は明るく見えるので明度は高めだけれど、白が混ざってやわらかくなっているため、鮮やかさは強くない場合があるよ。つまり、明るい色=必ず彩度が高い色ではないんだ。

たろう
くまごろう彩度のポイント
- 彩度は、色の鮮やかさの度合い。
- 彩度が高い色は、鮮やかで目立ちやすい。
- 彩度が低い色は、にぶく落ち着いて見えやすい。
- 明度と彩度を取り違えないようにする。
- 明るい色でも、彩度が高いとは限らない。
5. 有彩色と無彩色とは
色は、大きく分けると有彩色と無彩色に分けることができるよ。
有彩色とは、赤・青・黄・緑のように、色みをもつ色のことだよ。
無彩色とは、白・灰色・黒のように、色みをもたない色のことなんだ。
有彩色には、色相・明度・彩度の3つの要素があるよ。赤や青のように色みがあるから、「どんな色みか」「どれくらい明るいか」「どれくらい鮮やかか」を考えられるんだ。
一方、無彩色には色相や彩度はなく、主に明度で整理されるよ。白は明度が高く、黒は明度が低く、灰色はその間にあると考えられるね。
| 分類 | 意味 | 例 | もつ性質 |
|---|---|---|---|
| 有彩色 | 色みをもつ色 | 赤、青、黄、緑、紫など | 色相・明度・彩度 |
| 無彩色 | 色みをもたない色 | 白、灰色、黒 | 主に明度 |
無彩色は、色みがないから目立たないと思うかもしれないけれど、作品やデザインではとても大切だよ。
白や黒、灰色をうまく使うと、色の強さを調整したり、画面全体を落ち着かせたり、見やすくしたりできるんだ。
有彩色と無彩色のポイント
- 有彩色は、色みをもつ色。
- 無彩色は、色みをもたない色。
- 有彩色には、色相・明度・彩度がある。
- 無彩色は、主に明度で整理される。
6. 純色・明清色・暗清色・濁色とは

有彩色は、白・黒・灰色を混ぜることで、明るさや鮮やかさが変わるよ。
このときの色の変化を整理すると、純色・明清色・暗清色・濁色に分けて考えることができるんだ。
ただし、この区分は教科書によって扱い方が少し違う場合があるよ。学校で「清色」「濁色」などの言葉を習った場合は、教科書やプリントの説明に合わせて確認しよう。
純色とは
純色とは、白や黒、灰色を混ぜていない、その色相の中でもっとも彩度が高い色のことだよ。
赤なら、にごりのない鮮やかな赤。青なら、にごりのない鮮やかな青のように考えるとわかりやすいよ。
ただし、純色はどれも同じ明るさという意味ではないんだ。純色どうしでも、色相によって明度は違うよ。たとえば、純色の黄は明るく見えやすく、純色の紫は暗めに見えやすいんだ。
純色のポイント
- その色相の中でもっとも彩度が高い色。
- 白・黒・灰色を混ぜていない。
- 純色どうしでも、明度は同じとは限らない。
明清色とは
明清色とは、純色に白を混ぜた色のことだよ。
白を混ぜることで、もとの色より明るく、やわらかい印象になりやすいんだ。たとえば、赤に白を混ぜるとピンクのような色になるね。
「明」は明るい、「清」はにごりが少ないというイメージで覚えるとよいよ。
暗清色とは
暗清色とは、純色に黒を混ぜた色のことだよ。
黒を混ぜることで、もとの色より暗く、深い印象になりやすいんだ。たとえば、青に黒を混ぜると、深い紺色のような印象になることがあるよ。
「暗」は暗い、「清」はにごりが少ないというイメージで覚えると整理しやすいね。
濁色とは
濁色とは、基本的には純色に灰色を混ぜた色のことだよ。
灰色を混ぜることで、鮮やかさが弱まり、落ち着いた色になるんだ。くすんだ色、にぶい色として見えることも多いよ。
教科書によっては、灰色を混ぜた色だけでなく、補色などを混ぜて色みをにごらせた色も、濁色として扱うことがあるよ。テストでは、学校の教科書でどのように説明されているかを確認しよう。
濁色は、派手さをおさえたいときや、落ち着いた雰囲気を出したいときに使いやすい色なんだ。
| 種類 | つくり方 | 特徴 | 印象 |
|---|---|---|---|
| 純色 | 白・黒・灰色を混ぜていない色 | その色相の中でもっとも彩度が高い | はっきり、強い、目立つ |
| 明清色 | 純色に白を混ぜた色 | 明るい | やわらかい、軽い、明るい |
| 暗清色 | 純色に黒を混ぜた色 | 暗い | 深い、重い、落ち着いた |
| 濁色 | 純色に灰色を混ぜた色 | 鮮やかさが弱い | くすんだ、にぶい、落ち着いた |
たろう
くまごろう覚え方
- 純色:その色相の中でもっとも彩度が高い色。
- 明清色:純色+白。
- 暗清色:純色+黒。
- 濁色:純色+灰色。教科書によっては、補色などで色みをにごらせた色も含めることがある。
7. 色の三要素を作品づくりに生かそう
色相・明度・彩度を理解すると、作品やデザインの印象を考えやすくなるよ。
たとえば、元気で明るいポスターを作りたいときは、暖色系の色相や、明度・彩度の高い色を使うと、明るく活発な印象になりやすいんだ。
反対に、落ち着いた雰囲気を出したいときは、彩度を少し下げた色や、暗清色・濁色を使うと、静かで大人っぽい印象になりやすいよ。
また、文字や形を見やすくしたいときは、明度差を意識することが大切だよ。背景と文字の明度が近すぎると、読みにくくなることがあるんだ。
色は「きれいだから使う」だけでなく、見る人にどんな印象を伝えたいかを考えて選ぶことが大切なんだね。
| 出したい印象 | 色の使い方の例 |
|---|---|
| 明るく元気 | 赤や黄などの暖色、明度や彩度の高い色を使う |
| さわやか | 明るい青や水色など、明度の高い寒色を使う |
| 落ち着いた雰囲気 | 彩度を低くした色や濁色を使う |
| 重厚で深い印象 | 明度の低い色や暗清色を使う |
| 読みやすくしたい | 背景と文字の明度差を大きくする |
たろう
くまごろう8. 重要語句まとめ

最後に、この単元で出てきた重要語句を確認しておこう。
| 語句 | 意味 |
|---|---|
| 色の三要素 | 色相・明度・彩度の3つの性質のこと。色の三属性と呼ばれることもある。 |
| 色相 | 赤・青・黄などの、色みの種類や性質のこと。 |
| 明度 | 色の明るさの度合いのこと。 |
| 彩度 | 色の鮮やかさの度合いのこと。 |
| 有彩色 | 赤・青・黄など、色みをもつ色のこと。 |
| 無彩色 | 白・灰色・黒のように、色みをもたない色のこと。 |
| 純色 | 白・黒・灰色を混ぜていない、その色相の中でもっとも彩度が高い色。 |
| 明清色 | 純色に白を混ぜた色。 |
| 暗清色 | 純色に黒を混ぜた色。 |
| 濁色 | 基本的には、純色に灰色を混ぜた色。教科書によっては、補色などを混ぜて色みをにごらせた色も含めることがある。 |
この単元で特に大切なこと
- 色相は、赤・青・黄などの色みの種類。
- 明度は、明るいか暗いか。
- 彩度は、鮮やかかにぶいか。
- 明るい色でも、彩度が高いとは限らない。
- 有彩色は色みをもち、無彩色は色みをもたない。
- 純色は、その色相の中でもっとも彩度が高い色。
- 純色どうしでも、色相によって明度は違う。
- 純色に白を混ぜると明清色、黒を混ぜると暗清色、灰色を混ぜると濁色になる。
- 「三要素」「三属性」、「濁色」の説明は、学校の教科書表記を確認しておく。
ここまで学習できたら、ぜひ「色の三要素」のテスト対策練習問題とドリルに挑戦しよう!
『色の三要素』テスト対策練習問題と過去問まとめ
【中学美術】「色の三要素」重要語句ドリル
【中学美術】「色相・明度・彩度」内容理解ドリル
【中学美術】「有彩色・無彩色と色の種類」内容理解ドリル
運営者情報
yumineko
詳しいプロフィールを見る
青山学院大学教育学科卒業。TOEIC795点。2児の母。2019年の長女の高校受験時、訳あって塾には行かずに自宅学習のみで挑戦することになり、教科書をイチから一緒に読み直しながら勉強を見た結果、偏差値20上昇。志望校の特待生クラストップ10位内で合格を果たす。 ※サイト全体の運営実績についてはこちらにまとめています。

