「色についてもっと知りたい」
「配色のセンスを良くしたい」
と思っても、色相やトーン、補色など、専門用語がたくさん出てきて、「何から覚えればいいの？」と迷ってしまう方も多いのではないでしょうか。
実は、色には基本となるルールがあります。
このページでは、「色の基本」をこれから学びたい方に向けて、色の基礎知識をわかりやすくまとめました。
詳しい内容は、それぞれの解説記事で図や具体例を交えながら紹介していますので、気になるテーマから読み進めていただいても大丈夫です。
「色って面白い！」と思えるきっかけになるよう、まずは色の世界の入り口から、一緒に見ていきましょう。
色とは？
私たちの身の回りには、赤や青、黄色など、さまざまな色があります。
しかし、実は色そのものが物体に存在しているわけではありません。
色は、「光」「物体」「目（脳）」の3つがそろうことで初めて見えるものです。
太陽や照明などの光が物体に当たると、一部の光は吸収され、残りの光が反射します。
その反射した光を目が受け取り、脳が色として認識することで、私たちは「赤い」「青い」と感じています。
例えば、赤いりんごが赤く見えるのは、赤色の光を反射し、それ以外の色の光を吸収しているためです。
もし光がまったくない真っ暗な場所では、りんごの色を見ることはできません。
このように、色は「光の反射によって見える現象」であり、光の種類や周囲の環境によって見え方が変わることもあります。
色について理解を深めるには、まず「色はどのように見えているのか」を知ることが大切です。
この基本を押さえておくと、色の分類や配色、色の錯覚なども理解しやすくなります。
このあとの記事で学べること
色の基本は、次の順番で学ぶと理解しやすくなります。
まずは「色の分類」から読むと、その後の内容もスムーズに理解できます。
色の分類を知ろう
一口に「色」といっても、実はさまざまな種類や分類方法があります。
例えば、赤や青、黄色のように色みのある色と、白や黒、グレーのように色みのない色では性質が異なります。
また、暖かい印象を与える色や、涼しさを感じさせる色など、見た目の印象によって分類されることもあります。
色の分類を知っておくと、「落ち着いた雰囲気にしたい」「元気な印象にしたい」など、目的に合わせて色を選びやすくなるのが大きなメリットです。
代表的な色の分類には、次のようなものがあります。
有彩色・無彩色
色みのある色を「有彩色」、白・黒・グレーのように色みのない色を「無彩色」と呼びます。
デザインや配色の基本となる分類です。
暖色・寒色・中性色
赤やオレンジなど暖かさを感じる色は「暖色」、青や水色など涼しさを感じる色は「寒色」、緑や紫などは「中性色」と呼ばれることがあります。
色の印象や心理効果にも関わる分類です。
その他の色の分類
このほかにも、パステルカラーやビビッドカラー、アースカラー、ニュートラルカラーなど、色の特徴や印象によってさまざまな分類があります。
それぞれの分類には特徴があり、ファッションやインテリア、Webデザインなど、幅広い場面で活用されています。
色の分類を理解すると、「どんな色を選べばよいか」がイメージしやすくなり、配色を考える際の土台にもなります。
色の三属性とは？
色を正しく理解するうえで欠かせないのが、「色の三属性」という考え方です。
色の三属性とは、色相（しきそう）・明度（めいど）・彩度（さいど）の3つの要素のこと。
この3つを組み合わせることで、ほとんどの色を表すことができます。
例えば、同じ赤でも、鮮やかな赤やくすんだ赤、明るい赤や暗い赤など、さまざまな違いがあります。
これは色相・明度・彩度のいずれかが変化しているためです。
色相（しきそう）
色みの違いを表す要素です。
赤・黄・緑・青・紫など、「何色なのか」を表します。
明度（めいど）
色の明るさを表す要素です。
明度が高いほど白に近く明るい印象になり、明度が低いほど黒に近く落ち着いた印象になります。
彩度（さいど）
色の鮮やかさを表す要素です。
彩度が高いと鮮やかで目を引く色になり、彩度が低いと落ち着いた、くすみのある色になります。
色の三属性を理解すると、「少し明るくしたい」「もう少しくすませたい」など、色の違いを言葉で考えられるようになります。デザインやイラスト、ファッション、インテリアなど、色を扱うあらゆる場面で役立つ基本知識です。
色相環とは？
色相環（しきそうかん）とは、色相（色み）の変化を円状に並べたものです。
赤・オレンジ・黄色・緑・青・紫などの色が順番に配置されており、色同士の関係をひと目で確認できます
配色を考えるときの基本となるため、デザインやイラスト、ファッション、インテリアなど、さまざまな分野で活用されています。
色相環を見ると、隣り合う色は似た印象を持ち、反対側にある色は対照的な印象を持つことがわかります。
例えば、赤とオレンジ、青と水色のような近い色同士を組み合わせると、まとまりのあるやさしい印象になります。
一方、色相環で向かい合う色同士を組み合わせると、お互いの色を引き立て合い、メリハリのある配色になります。
色相環の見方を知っておくと、「どの色を組み合わせればいいの？」と迷ったときのヒントになり、配色がぐっと考えやすくなります。
トーンとは？
トーンとは、色の明るさ（明度）と鮮やかさ（彩度）を組み合わせた色の印象のことです。
同じ赤でも、
■ 明るくやさしい赤
■ 鮮やかで元気な赤
■ 落ち着いたくすみのある赤
など、さまざまな雰囲気があります。これらの違いは、トーンによって生まれます。
トーンを意識すると、「かわいらしい雰囲気にしたい」「上品で落ち着いた印象にしたい」といったイメージに合わせて色を選びやすくなります。
そのため、デザインやイラスト、ファッション、インテリアなど、幅広い場面で活用されています。
トーンを理解すると、「色そのもの」だけでなく、「色が与える印象」まで考えながら配色できるようになります。
色の三原色とは？
色の三原色とは、ほかの色を作り出すもとになる3つの色のことです。
実は、三原色には「色料の三原色」と「光の三原色」の2種類があり、それぞれ使われる場面が異なります。
| 色料の三原色（CMY） | 光の三原色（RGB） |
|---|---|
| シアン（Cyan） マゼンタ（Magenta） イエロー（Yellow） | レッド（Red） グリーン（Green） ブルー（Blue） |
| 混ぜるほど暗くなる（減法混色） | 混ぜるほど明るくなる（加法混色） |
| 印刷・絵の具 | ディスプレイ・テレビ |
色料の三原色（CMY）
絵の具やインク、プリンターなど、色を重ねて表現するもので使われる三原色です。
色を混ぜるほど光を吸収するため、だんだん暗い色へ近づいていきます。
印刷では黒（Black）を加えたCMYKが一般的です。
光の三原色（RGB）
テレビやスマートフォン、パソコンの画面など、光を使って色を表現するもので使われる三原色です。
光を重ねるほど明るくなり、3色をすべて重ねると白い光になります。
色の三原色を理解すると、「なぜ画面と印刷で色が違って見えるのか」「RGBとCMYKの違いは何か」といった疑問も理解しやすくなります。
配色の基本を学ぼう
配色とは、複数の色を組み合わせて、見やすく・伝わりやすくすることです。
同じ色を使っていても、組み合わせ方によって「やさしい」「かわいい」「高級感がある」「元気な印象」など、受ける印象は大きく変わります。
配色を考えるときは、「好きな色を並べる」のではなく、基本的なルールを知ることが大切です。
ベースカラー・メインカラー・アクセントカラー
配色は、次の3つの役割で考えるとバランスが取りやすくなります。
- ベースカラー：全体の土台となる色
- メインカラー：イメージを決める主役の色
- アクセントカラー：目を引かせたい部分に使う色
それぞれの役割を意識すると、まとまりのある配色になりやすくなります。
配色にはさまざまな組み合わせ方がある
配色には、色相環を活用したさまざまな組み合わせ方があります。
目的や伝えたいイメージに合わせて配色を選ぶことで、デザインの完成度もぐっと高まります。
「どの色を組み合わせればいいかわからない…」という方も、基本を押さえれば配色は決して難しくありません。
実際の配色例を見てみよう
配色のルールを理解したら、実際の組み合わせを見ることで、さらにイメージしやすくなります。
目的やテイスト別の配色例を多数紹介していますので、色選びの参考にしてみてください。
「この色にはどんな色が合うの？」と知りたい方は、色ごとの組み合わせをまとめた記事もおすすめです。
色の対比・錯覚とは？
同じ色でも、周りの色や大きさ、配置によって違って見えることがあります。これを「色の対比・錯覚」といいます。
例えば、まったく同じグレーでも、黒い背景では明るく見え、白い背景では暗く見えることがあります。
また、同じ大きさの色でも、周囲との組み合わせによって大きく見えたり、小さく見えたりすることもあります。
このような現象は目の錯覚ではなく、人の視覚が周囲の色との関係をもとに色を認識しているために起こります。
色の対比や錯覚を理解すると、文字を読みやすくしたり、商品を目立たせたり、部屋を広く見せたりと、デザインや広告、ファッション、インテリアなどさまざまな場面で活用できます。
代表的な色の対比・錯覚には、次のようなものがあります。
- 明度対比：同じ色でも、背景によって明るさが違って見える
- 色相対比：周りの色によって色みが変わって見える
- 彩度対比：周囲との違いで鮮やかさが変わって見える
- 膨張色・収縮色：明るい色は大きく、暗い色は小さく見えやすい
- 進出色・後退色：暖色は近く、寒色は遠くに見えやすい
これらの特徴を知っておくと、色をより効果的に使えるようになります。
＼色について基本から勉強したい方におすすめ！ ／
色を学ぶともっと楽しくなる
ここまで、色の基本について紹介してきました。
色は「なんとなく選ぶもの」ではなく、基本的な知識を身につけることで、目的やイメージに合わせて選べるようになります。
まずは気になるテーマから1つずつ学んでいけば大丈夫です。基礎を理解するほど、デザインやファッション、インテリアなど、さまざまな場面で色選びがもっと楽しくなります。
色の基本をもっと学びたい方へ
色の基礎知識を深く知りたい方は、こちらの記事もおすすめです。
実際の配色を見てみたい方へ
「どんな色を組み合わせればおしゃれに見えるの？」という方は、シーンやテイスト別の配色を紹介しているこちらの記事をご覧ください。
○○色に合う色を知りたい方へ
赤・青・緑など、それぞれの色に合う組み合わせを知りたい方には、色別にまとめた記事がおすすめです。
色の名前や特徴を知りたい方へ
「コーラルってどんな色？」「モスグリーンってどんな色？」など、色の特徴やイメージを知りたい方は、こちらのシリーズもぜひご覧ください。
これからも、色に関する知識や配色アイデアをわかりやすく紹介していきます。気になる記事から読み進めて、ぜひ毎日の色選びに役立ててください。
よくある質問（FAQ）
色の基本は何から覚えるのがおすすめですか？
初めて色について学ぶ方は、
「色の分類」→「色の三属性」→「色相環」
の順に覚えるのがおすすめです。
この3つを理解すると、色の違いや色同士の関係がわかるようになり、その後のトーンや配色もスムーズに理解できます。
色の三属性とは何ですか？
色の三属性とは、色相・明度・彩度の3つの要素のことです。
- 色相：何色か
- 明度：明るさ
- 彩度：鮮やかさ
この3つの組み合わせによって、さまざまな色を表現できます。
色相環は何のために使うのですか？
色相環は、色同士の関係を理解するための図です。
補色や類似色などの組み合わせがわかるため、デザインやファッション、インテリアなどで配色を考える際に役立ちます。
トーンと明度は何が違うのですか？
明度は色の「明るさ」を表します。
一方、トーンは「明るさ（明度）」と「鮮やかさ（彩度）」を組み合わせた概念で、色全体の印象を表します。
例えば、同じピンクでも、淡くやさしい印象のものもあれば、鮮やかで元気な印象のものもあります。この違いがトーンです。
RGBとCMYKの違いは何ですか？
RGBは、スマートフォンやパソコン、テレビなどの画面で使われる「光の三原色」です。
CMYKは、プリンターや印刷物で使われる「色料の三原色（CMY）」に黒（K）を加えた方式です。
画面と印刷では色の表現方法が異なるため、同じ画像でも色味が変わることがあります。
配色が苦手です。何から始めればいいですか？
まずは、ベースカラー・メインカラー・アクセントカラーの役割を意識してみましょう。
また、色相環の「類似色配色」や「補色配色」を参考にすると、バランスの良い組み合わせを作りやすくなります。
実際の配色例をたくさん見ることも上達への近道です。
色の勉強は独学でもできますか？
はい。基本的な知識は独学でも十分に身につけられます。
まずは「色の分類」「色の三属性」「色相環」などの基礎から学び、実際に配色を試しながら覚えていくと理解が深まります。当サイトでも、初心者向けに色の基本から実践的な配色まで順番に解説していますので、ぜひ参考にしてください。
まとめ
色は、私たちの身の回りにある身近な存在ですが、その仕組みや基本を知ることで、見え方や使い方への理解がぐっと深まります。
この記事では、色の基本として次の内容をご紹介しました。
これらは、デザインやイラストだけでなく、ファッションやインテリア、プレゼン資料作りなど、さまざまな場面で役立つ基礎知識です。
一度にすべて覚える必要はありません。まずは興味のあるテーマから読み進めて、少しずつ知識を増やしていきましょう。
当サイトでは、それぞれのテーマを図解や実例を交えながら、初心者にもわかりやすく解説しています。
「もっと詳しく知りたい！」と思ったら、ぜひ下記の記事もあわせてご覧ください。
あわせて読みたい記事
色の知識が増えると、「なんとなく選ぶ色」から「理由を持って選ぶ色」へと変わります。
ぜひ色の世界を楽しみながら、自分らしい配色や色選びに活かしてみてください。
コメント