『トーン・色の対比』テスト対策解説!進出色や膨張色の違いまとめ
中学美術で学習するトーンや色の対比は、色を使って作品やデザインの印象を考えるときにとても大切な内容だよ。
同じ赤でも、明るくて鮮やかな赤なら元気な印象になりやすく、くすんだ赤なら落ち着いた印象になりやすいよね。また、同じ色でも、まわりにある色によって明るく見えたり、鮮やかに見えたりすることがあるんだ。
この記事では、トーン、明度対比、彩度対比、色相対比、補色対比、さらに進出色・後退色、膨張色・収縮色について、中学生にもわかりやすく解説していくよ。
この記事で分かること
- トーンとは何か
- 明度対比・彩度対比・色相対比・補色対比の違い
- 進出色と後退色の違い
- 膨張色と収縮色の違い
- 色の見え方を配色に生かす方法
目次
1. トーンとは

トーンとは、色の明度と彩度を組み合わせた色の調子のことだよ。
かんたんにいうと、色の「明るい・暗い」と「鮮やか・にぶい」を合わせた、色の雰囲気のまとまりのことなんだ。
たとえば、同じ青でも、明るくて鮮やかな青、明るくてやわらかい青、暗くて落ち着いた青などがあるよね。このような色の調子の違いを考えるときに、トーンという言葉を使うんだ。
授業や教科書によっては、トーンの名前としてビビッド、ペール、ダーク、グレイッシュなどの言葉を使うこともあるよ。学校で使っているトーン表がある場合は、その名前に合わせて覚えよう。
| トーンの例 | 特徴 | 印象 |
|---|---|---|
| ビビッド | 鮮やかで強い | 元気、目立つ、はっきりした |
| ペール | 明るく、やわらかい | やさしい、軽い、かわいらしい |
| ダーク | 暗く、深い | 重い、深い、落ち着いた |
| グレイッシュ | 灰色がかってにぶい | 落ち着いた、控えめ、大人っぽい |
たろう
くまごろうトーンのポイント
トーンは、明度と彩度を組み合わせた色の調子のこと。色の雰囲気を考えるときに使う。
2. トーンをそろえると印象がまとまりやすい
作品やデザインでは、トーンをそろえると全体の印象がまとまりやすくなるよ。
たとえば、明るくやわらかいトーンの色を多く使うと、やさしく軽い印象になりやすい。暗くにぶいトーンの色を多く使うと、落ち着いた印象や重厚な印象になりやすいんだ。
反対に、トーンの差が大きい色を組み合わせると、強い変化や目立つ印象をつくることもできるよ。
つまり、トーンは「作品全体をまとめたいとき」にも、「一部を目立たせたいとき」にも使える考え方なんだ。
| 色の使い方 | 効果 |
|---|---|
| トーンをそろえる | 全体がまとまりやすい |
| トーンの差を大きくする | 変化が強くなり、目立ちやすい |
| 明るいトーンを中心にする | 軽い、やさしい、明るい印象 |
| 暗いトーンを中心にする | 落ち着いた、重い、深い印象 |
テストでは、「トーン=色相の違い」と間違えないようにしよう。トーンは、色相そのものではなく、明度と彩度による色の調子だよ。
3. 色の対比とは

色の対比とは、ある色が、まわりの色の影響を受けて、実際とは少し違って見えることだよ。
同じ色でも、明るい色の上に置くか、暗い色の上に置くかで、見え方が変わることがあるんだ。
たとえば、同じ灰色の四角でも、白い背景の上では少し暗く見え、黒い背景の上では少し明るく見えることがあるよ。これは、まわりの色との違いが強調されるからなんだ。
色の対比には、明度対比、彩度対比、色相対比、補色対比などがあるよ。
色の対比とは
まわりの色の影響で、色の明るさ・鮮やかさ・色みなどが違って見えること。
4. 明度対比とは
明度対比とは、まわりの色の明るさの影響を受けて、色の明るさが違って見えることだよ。
同じ色でも、明るい色に囲まれると暗く見えやすく、暗い色に囲まれると明るく見えやすいんだ。
たとえば、同じ灰色を白い背景の上に置くと暗く見え、黒い背景の上に置くと明るく見えることがあるよ。
これは、まわりの明るさとの違いが強調されるためなんだ。
たろう
くまごろう明度対比のポイント
- まわりの色の明るさによって、色の明るさが違って見える。
- 明るい背景では、同じ色が暗く見えやすい。
- 暗い背景では、同じ色が明るく見えやすい。
5. 彩度対比とは
彩度対比とは、まわりの色の鮮やかさの影響を受けて、色の鮮やかさが違って見えることだよ。
同じ色でも、鮮やかな色に囲まれるとにぶく見えやすく、にぶい色に囲まれると鮮やかに見えやすいことがあるんだ。
たとえば、同じ赤でも、鮮やかな色に囲まれると少し弱く見え、灰色がかった落ち着いた色に囲まれると、より鮮やかに見えることがあるよ。
彩度対比は、ポスターや広告などで目立たせたい色を引き立てるときにも関係する考え方なんだ。
彩度対比のポイント
- まわりの色の鮮やかさによって、色の鮮やかさが違って見える。
- 鮮やかな色に囲まれると、同じ色がにぶく見えやすい。
- にぶい色に囲まれると、同じ色が鮮やかに見えやすい。
6. 色相対比とは
色相対比とは、まわりの色の影響を受けて、色みが違って見えることだよ。
同じ色でも、まわりにある色によって、少し別の色みに感じられることがあるんだ。
たとえば、同じだいだい色でも、赤の近くでは黄みが強く見え、黄色の近くでは赤みが強く見えることがあるよ。
これは、まわりの色との違いが強調され、まわりの色から少し離れる方向に色みがずれて見えるためなんだ。赤の近くでは、だいだい色の中の「赤ではない部分」、つまり黄みが強く感じられることがある、というイメージで考えるとよいよ。
色相対比を理解すると、色を組み合わせたときに「思ったより色が違って見える」「となりの色のせいで印象が変わる」という現象を説明しやすくなるよ。
色相対比のポイント
まわりの色の影響で、色みが違って見えること。色相の差が強調され、まわりの色から離れる方向に色みがずれて見えることがある。
7. 補色対比とは
補色対比とは、補色の関係にある色どうしを近くに置いたときに、たがいの色がより鮮やかに、強く見えやすくなることだよ。
補色とは、色相環で向かい合う位置にある色どうしの関係だったね。
たとえば、赤と青緑、黄と紫または青紫のような組み合わせは、補色の関係として扱われることがあるよ。
補色どうしを近くに置くと、色相の差が大きいため、おたがいの色の違いが強く感じられ、目立ちやすくなるんだ。ポスターや看板などで、強く印象づけたいときに使われることもあるよ。
ただし、補色の組み合わせは、使っている色相環や教科書によって少し表し方が違う場合があるよ。テストでは、学校の教科書やプリントの色相環に合わせて確認しよう。
補色対比のポイント
- 補色どうしを近くに置くと、おたがいが強く見えやすい。
- 色相の差が大きいため、たがいの色が引き立ちやすく、目立つ配色になりやすい。
- 補色の組み合わせは、学校の色相環で確認する。
8. 進出色と後退色とは
色には、実際の位置は同じでも、見る人に「前に出て見える」「奥に下がって見える」と感じさせるものがあるよ。
前に出て近くに見えやすい色を進出色、奥に下がって遠くに見えやすい色を後退色というんだ。
一般的に、赤・だいだい・黄などの暖色や、明度の高い明るい色は進出して見えやすいとされるよ。
反対に、青や青に近い寒色や、明度の低い暗い色は後退して見えやすいとされるんだ。
たとえば、赤い丸と青い丸を同じ大きさで並べても、赤い丸のほうが少し手前にあるように感じられることがあるよ。また、明るい色は暗い色よりも前に出て見えることがあるんだ。
たろう
くまごろう進出色・後退色のポイント
- 進出色:前に出て近くに見えやすい色。
- 後退色:奥に下がって遠くに見えやすい色。
- 暖色や明るい色は、進出して見えやすい。
- 寒色や暗い色は、後退して見えやすい。
ただし、実際の見え方は、背景の色、明度、彩度、形、大きさ、配置などによっても変わるよ。進出色・後退色は、色の見え方の傾向として覚えておこう。
9. 膨張色と収縮色とは
色には、同じ大きさでも「大きく見える」「小さく引き締まって見える」と感じさせるものがあるよ。
実際より大きく広がって見えやすい色を膨張色、実際より小さく引き締まって見えやすい色を収縮色というんだ。
一般的に、白や明るい色、赤・だいだい・黄などの暖色は膨張して見えやすいとされるよ。
反対に、黒や暗い色、青や青に近い寒色は収縮して見えやすいとされるんだ。
たとえば、同じ大きさの白い四角と黒い四角を並べると、白い四角のほうが少し大きく広がって見えることがあるんだ。反対に、黒い四角は引き締まって小さく見えやすいよ。
また、同じような明るさの場合でも、暖色のほうがふくらんで見えやすく、寒色のほうが引き締まって見えやすいことがあるよ。
服やパッケージ、ポスターなどでも、膨張色や収縮色の見え方は印象に関係しているよ。
膨張色・収縮色のポイント
- 膨張色:実際より大きく広がって見えやすい色。
- 収縮色:実際より小さく引き締まって見えやすい色。
- 白や明るい色、暖色は膨張して見えやすい。
- 黒や暗い色、寒色は収縮して見えやすい。
進出色・後退色と同じように、膨張色・収縮色も「必ずそう見える」と決まっているわけではないよ。背景や形、まわりの色によって見え方は変わるので、基本的な傾向として押さえよう。
10. 進出・後退と膨張・収縮の違い

進出色・後退色と膨張色・収縮色は、どちらも色の見え方に関係する言葉だけれど、見え方のポイントが少し違うよ。
進出・後退は前後の見え方、膨張・収縮は大きさの見え方に関係すると整理しよう。
| 分類 | 何が変わって見えるか | 見えやすい色の例 |
|---|---|---|
| 進出色 | 前に出て近くに見える | 暖色、明るい色 |
| 後退色 | 奥に下がって遠くに見える | 寒色、暗い色 |
| 膨張色 | 大きく広がって見える | 白、明るい色、暖色 |
| 収縮色 | 小さく引き締まって見える | 黒、暗い色、寒色 |
ただし、どちらも背景・明度・彩度・形・配置などの影響を受けるよ。テストでは「進出・後退は前後」「膨張・収縮は大きさ」と区別して覚えよう。
11. 配色に生かすポイント

配色とは、色を組み合わせることだよ。
作品やデザインでは、どんな色をどのように組み合わせるかによって、見る人に伝わる印象が大きく変わるんだ。
トーンや色の対比、進出・後退、膨張・収縮を知っておくと、目的に合わせて色を選びやすくなるよ。
| 目的 | 色の使い方の例 |
|---|---|
| 全体をまとめたい | トーンをそろえる |
| 一部を目立たせたい | 補色対比や明度差を使う |
| 文字を読みやすくしたい | 背景と文字の明度差を大きくする |
| 奥行きを出したい | 進出色と後退色を使い分ける |
| 大きく見せたい | 明るい色や膨張色を使う |
| 引き締めたい | 暗い色や収縮色を使う |
たとえば、注目してほしい部分には、背景との明度差を大きくしたり、補色に近い色を使ったりすると目立ちやすくなるよ。
反対に、全体を落ち着かせたいときは、トーンをそろえたり、彩度を少し下げた色を使ったりするとまとまりやすいんだ。
色は、ただ「好きな色を選ぶ」だけではなく、何を伝えたいかやどこを目立たせたいかを考えて選ぶことが大切なんだね。
たろう
くまごろう12. 重要語句まとめ

最後に、この単元で出てきた重要語句を確認しておこう。
| 語句 | 意味 |
|---|---|
| トーン | 明度と彩度を組み合わせた色の調子。 |
| 配色 | 色を組み合わせること。 |
| 色の対比 | まわりの色の影響で、色の明るさ・鮮やかさ・色みなどが違って見えること。 |
| 明度対比 | まわりの明るさの影響で、色の明るさが違って見えること。 |
| 彩度対比 | まわりの鮮やかさの影響で、色の鮮やかさが違って見えること。 |
| 色相対比 | まわりの色の影響で、色みが違って見えること。 |
| 補色対比 | 補色どうしを近くに置いたとき、たがいの色が強く見えやすくなること。 |
| 進出色 | 前に出て近くに見えやすい色。暖色や明るい色が進出して見えやすい。 |
| 後退色 | 奥に下がって遠くに見えやすい色。寒色や暗い色が後退して見えやすい。 |
| 膨張色 | 実際より大きく広がって見えやすい色。白や明るい色、暖色が膨張して見えやすい。 |
| 収縮色 | 実際より小さく引き締まって見えやすい色。黒や暗い色、寒色が収縮して見えやすい。 |
この単元で特に大切なこと
- トーンは、明度と彩度を組み合わせた色の調子。
- 明度対比は、まわりの明るさによって見え方が変わること。
- 彩度対比は、まわりの鮮やかさによって見え方が変わること。
- 色相対比は、まわりの色によって色みが違って見えること。
- 補色対比は、色相の差が大きい補色どうしがたがいを強く見せること。
- 暖色や明るい色は進出して見えやすく、寒色や暗い色は後退して見えやすい。
- 白や明るい色、暖色は膨張して見えやすく、黒や暗い色、寒色は収縮して見えやすい。
- 進出・後退は前後の見え方、膨張・収縮は大きさの見え方に関係する。
- 色の見え方は、背景・明度・彩度・形・配置などによって変わる。
ここまで学習できたら、ぜひ「トーン・色の対比・配色」のテスト対策練習問題とドリルに挑戦しよう!
『トーン・色の対比・配色』テスト対策練習問題と過去問まとめ
【中学美術】「トーン・色の対比・配色」重要語句ドリル
【中学美術】「トーンと色の対比」内容理解ドリル
【中学美術】「進出色・後退色と膨張色・収縮色」内容理解ドリル
運営者情報
yumineko
詳しいプロフィールを見る
青山学院大学教育学科卒業。TOEIC795点。2児の母。2019年の長女の高校受験時、訳あって塾には行かずに自宅学習のみで挑戦することになり、教科書をイチから一緒に読み直しながら勉強を見た結果、偏差値20上昇。志望校の特待生クラストップ10位内で合格を果たす。 ※サイト全体の運営実績についてはこちらにまとめています。

