色彩総合教材COLOR · LIGHT · PERCEPTION · HARMONY

A TOTAL TEXTBOOK OF COLOR

光が分かれる瞬間から、
色の名前のひとつひとつまで。

色彩検定・カラーコーディネーター検定の試験範囲を芯に置きながら、色の物理・生理・知覚・配色・心理・セラピー・伝統色までを一冊に束ねた総合教材です。読んで覚えるだけでなく、混色・配色・色名をその場で触って確かめられるように作っています。試験の有無に関わらず、色を調べ、感じ、実験するための机がわりに。

この教材の使い方 各章は「読む本文」と「触る実験ツール」で構成しています。右上の目次から好きな章へ移動できます。[実験]の付いた章にはスライダーや検索ボックスがあり、値を動かすと色がその場で変わります。専門用語はこの色で示しています。
01 / PHYSICS OF COLOR

光と色の科学

そもそも色とは何か。色は物に塗られているのではなく、光・物体・眼(脳)の三者が揃ってはじめて生まれる現象です。この章では色の物理的な土台を押さえます。

色は「光」である

私たちが色として感じているのは、電磁波のうちごく狭い範囲=可視光線です。波長でいうと、おおよそ380〜780nm(ナノメートル)。波長が短いほうから紫→青→緑→黄→橙→赤と並びます。380nmより短い側が紫外線、780nmより長い側が赤外線で、どちらも人の眼には色として映りません。

波長域波長(nm)見える色
短波長380–450紫・青紫
 450–495
中波長495–570
 570–590
長波長590–620
 620–780

太陽光のように全波長がほぼ均等に混ざった光は白色光に見えます。これをプリズムに通すと波長ごとに折れ曲がる角度(屈折率)が違うため、色が帯状に分かれます。これが分光(スペクトル)であり、虹と同じ原理です。「光が分かれる瞬間」とは、この分光のことです。

物体の色 ― 反射と吸収

では、なぜリンゴは赤く、葉は緑なのか。物体そのものに色があるのではなく、物体が光のうち何を反射し、何を吸収するかで色が決まります。赤いリンゴは長波長(赤)の光を反射し、それ以外を吸収しています。葉は中波長(緑)を反射し赤や青を吸収します。すべての波長を反射すれば白、すべて吸収すれば黒に見えます。

重要同じ物体でも、当てる光が変われば色は変わります。赤い光しか出ない照明の下では、青い服は反射する成分がほとんどないため黒っぽく沈みます。色は物体の固有の性質ではなく、光との関係で決まるのです。

光源と色温度

光源そのものにも色味があります。これを数値化したのが色温度で、単位はK(ケルビン)。黒体(理想的な物体)を熱したときに放つ光の色で表します。低いほど赤く(暖かい)、高いほど青白く(涼しい)見えるのが直感と逆なので注意します。

光源色温度印象
ろうそく・夕日約 2000K赤橙・暖かい
白熱電球約 2800K暖色(電球色)
昼白色の蛍光灯/LED約 5000K自然な白
正午の太陽光(D65)約 6500K標準の白色光
晴天の青空・日陰8000K以上青白い

色を正確に評価するときは、基準光源を決める必要があります。色彩の世界では平均昼光に近いD65(約6500K)が標準観測光源としてよく使われます。さらに、光源が物体の色をどれだけ忠実に見せるかを表す指標が演色性(Ra/演色評価数)で、太陽光を100とし、数値が高いほど自然な色再現になります。

試験ポイント「メタメリズム(条件等色)」=ある光源下では同じ色に見える2つの色が、別の光源下では違って見える現象。布と糸の色合わせなどで実務上の大問題になります。光と物体の関係で色が決まる、という本章の原理の応用です。
02 / PERCEPTION & PHYSIOLOGY

色はどう見えるか

光が眼に入ってから「色」という感覚になるまで。色は最終的に脳が作り出している体験です。ここを理解すると、後の対比や残像の現象がすべて筋道立って見えてきます。

眼の構造と2種類の視細胞

光は角膜・水晶体を通って眼の奥の網膜に像を結びます。網膜には2種類の視細胞があります。

暗い場所で色がわからなくなるのは、錐体が働かず桿体だけになるから。薄明かりで青系が比較的明るく見える現象をプルキンエ現象といいます(暗所では感度のピークが短波長側へずれるため)。

3種類の錐体 ― 色覚の出発点

錐体は反応する波長域の違いで3種類あります。それぞれL・M・Sと呼ばれます。

錐体感度のピーク主に担う色
L錐体(長波長)約 560nm赤〜黄
M錐体(中波長)約 530nm
S錐体(短波長)約 420nm

あらゆる色は、この3種の錐体がどんな比率で反応したかという3つの信号の組み合わせとして脳に伝わります。色が「3原色」で表せる根拠はここにあります。

2つの古典理論

色覚の説明には歴史的に2つの理論があり、現在はどちらも段階が違うだけで正しいと理解されています。

つまり、入口(錐体)は三色説、その先の配線(神経)は反対色説。これを段階説といいます。赤の残像が青緑に見えるのは、反対色のしくみの直接の証拠です(→第6章で実験)。

順応と恒常性 ― 見えの調整機能

なぜ重要か色は機械の測定値ではなく、文脈で補正された脳の解釈です。だからこそ「正確な色」を扱う仕事では、光源を固定し(第1章)、表色系という共通のものさし(第5章)が必要になります。

色覚の多様性(色覚特性)

L・M・S錐体のいずれかの働き方が多数派と異なる人は、男性の約5%・女性の約0.2%とされます。赤と緑の区別がつきにくいタイプが多く、これは異常ではなく見え方の多様性です。デザインの現場では、色だけに情報を頼らない設計=カラーユニバーサルデザイン(CUD)が必須になります(→第11章)。

表現上の注意本教材では色覚を「異常」「色盲」ではなく色覚特性/色覚多様性と表記します。当事者を含む読み手にとって、用語そのものが情報設計の一部です。
03 / COLOR MIXING — EXPERIMENT

混色 ― 光と絵具

色を混ぜると、なぜ光は明るくなり、絵具は暗くなるのか。混色には大きく分けて「加法混色」と「減法混色」、そして両者の中間の「中間混色」があります。仕組みを読んだあと、下のツールで実際に混ぜてみてください。

加法混色 ― 光を足す(混ぜるほど明るい)

光そのものを重ねる混色です。光の三原色は赤(R)・緑(G)・青(B)。重なるほどエネルギーが足し算され、3つすべてが重なるとになります。テレビ・スマホ・LEDはこの方式です。

加法混色シミュレーター

R・G・Bの光量をスライダーで動かすと、3つの円の重なりが変化します。重ねるほど明るくなる感覚を確かめてください。

合成色 #FFFFFF

減法混色 ― 色料を足す(混ぜるほど暗い)

絵具・インク・フィルターなど、光を吸収する色料を重ねる混色です。色の三原色はシアン(C)・マゼンタ(M)・イエロー(Y)。1枚ごとに特定の波長を吸収していくので、重なるほど反射光が減り暗くなり、理論上3つでに近づきます(実際は濁った茶色になるため印刷では黒インクKを足したCMYKを使う)。

減法混色シミュレーター

C・M・Yの色料の濃さをスライダーで動かします。白い紙の上に絵具を重ねるイメージ。混ぜるほど暗く沈むのを確かめてください。

合成色 #000000

中間混色 ― 混ぜずに混ざって見える

色料を物理的に混ぜるのではなく、眼や脳の中で平均化されて見える混色です。明るさは混色前の平均になります(加法のように明るくならない)。

整理「混ぜると明るい=加法(光)」「混ぜると暗い=減法(色料)」「混ぜていないのに混ざる=中間(点描・回転)」。三原色も、加法はRGB・減法はCMY、と対になっています。一方の原色は他方の二次色、という関係を押さえると暗記が要りません。
04 / THE THREE ATTRIBUTES

色の三属性と色立体

無数にある色を、たった3つのものさしで整理する。これが色を「言葉と数値で扱う」ための最重要の枠組みです。

色相・明度・彩度

色味を持つ有彩色は色相・明度・彩度の3つすべてを持ち、無彩色は明度だけを持ちます。

色立体 ― 3つを立体で表す

三属性を3次元に配置すると、色全体が立体になります。これを色立体といいます。

純色の位置(最も外へ張り出す高さ)は色相ごとに違います。黄は明度が高い位置で最も鮮やかになり、青紫は低い位置で最も鮮やかになります。そのため色立体は左右対称のきれいな球ではなく、でこぼこした非対称の形になります。これは「黄は明るく、青紫は暗いところに純色がある」という人の見えを反映しています。

トーン ― 明度と彩度をまとめた感覚

実務では、明度と彩度を別々に扱うより、両者を組み合わせたトーン(色調)でとらえるほうが直感的です。「淡い」「濃い」「くすんだ」「鮮やかな」といった印象は、色相が違ってもトーンが同じなら共通します。たとえば「ペールピンク」と「ペールブルー」は色相は違うが同じペール(淡い)トーンで、やわらかい・軽い・優しいという共通の印象を持ちます。このトーンの体系を本格的に整理したのが、次章のPCCSです。

配色への橋渡し「色相をそろえる」「トーンをそろえる」という2つの軸が、第7章の配色の基本になります。三属性は覚えるためではなく、色を分解して操作するための道具として身につけます。
05 / COLOR SYSTEMS — EXPERIMENT

表色系とカラーシステム

「あの赤」を相手に正確に伝えるには、共通のものさしが要ります。色を記号や数値で表す約束ごとが表色系。用途ごとに複数あり、互いに変換できます。

マンセル表色系 ― 知覚を基準にした色のものさし

アメリカの画家マンセルが作り、世界の標準になっている体系。人が感じる色の差が等間隔になるよう設計されているのが特徴です。色を次の形式で表します。

記法HV/C(色相 明度/彩度)。例:5R 4/14 は「色相5R・明度4・彩度14」=鮮やかな赤。無彩色は N5 のようにNと明度だけで表す。

PCCS ― 日本の色彩教育とトーンの体系

PCCS(日本色研配色体系)は配色を考えるために作られた体系で、色彩検定の土台です。最大の特徴は明度と彩度をまとめた「トーン」という概念。

トーン記号印象(共通イメージ)
ビビッドv冴えた・派手・強い(純色に最も近い)
ブライトb明るい・健康的・陽気
ストロングsくどい・active・強い
ディープdp深い・濃い・伝統的
ライトlt浅い・子どもっぽい・さわやか
ソフトsf穏やか・ぼんやり
ダルdくすんだ・中庸・地味
ダークdk暗い・大人っぽい・重い
ペールpうすい・軽い・優しい・かわいい
ライトグレイッシュltg明るい灰み・落ち着いた
グレイッシュg灰みの・濁った・地味
ダークグレイッシュdkg暗い灰みの・重厚

色相が違ってもトーンが同じなら印象が共通する、というのがトーンの威力です。「ペールトーンでまとめる」だけで色相がバラバラでも統一感が出ます(→第7章のトーン配色)。

そのほかの主要な体系

体系用途・特徴
オストワルト表色系純色量・白量・黒量の比で表す。混色を量的にとらえる発想。
CIE XYZ(XYZ表色系)国際標準。すべての色を数学的に座標化する大本。
CIE L*a*b*(ラブ)L*=明度、a*=赤緑、b*=黄青。知覚的に均等で、色の差ΔE*を数値化できる。品質管理で多用。
RGB / HSV(HSB) / HSLディスプレイ用。HSVは色相・彩度・明度で直感的。Webは#RRGGBBの16進。
CMYK印刷用。シアン・マゼンタ・イエロー+黒。
JIS慣用色名/系統色名「桜色」のような固有名=慣用色名と、「明るい灰みの赤」のように修飾語で表す系統色名。

カラーピッカー ― 1色を全表色系で読む

色相・彩度・明度(HSV)を動かすと、その色をHEX・RGB・HSL・近いPCCSトーンで同時に表示します。さらに補色も並べます。色を数値で読む練習に。

HEX
RGB
HSL
HSV
近いPCCSトーン
色相系統

補色(色相環の反対側)

06 / PERCEPTUAL PHENOMENA — EXPERIMENT

色の知覚現象

同じ色が、まわりの色しだいで違って見える。色は単独では決まらず、つねに周囲との関係で見えています。これらは「目の錯覚」ではなく、第2章の反対色のしくみから生じる正常な働きです。

対比 ― 違いが強調される

隣り合う色が互いを反対方向に押しやって見える現象が対比です。

明度対比デモ

中央の2つの四角はまったく同じ灰色です。背景が違うだけで明るさが違って見えます。背景の明るさを動かして確かめてください。

同化 ― 似てくる(対比の逆)

細かい線や点で囲まれると、対比とは逆に周囲の色に近づいて見える現象が同化です。同じ地色でも細い赤線を重ねると赤みがかって見えます。織物・ストライプ・小さな柄で起きやすく、対比は面が大きいとき、同化は要素が細かいときに起こります。

残像 ― 反対色のしくみの証拠

ある色を見続けたあと視線を白い面へ移すと、その補色が見えます。これが補色残像(陰性残像)。赤を見たあとは青緑、というように、第2章の反対色(赤–緑/黄–青)の配線がそのまま現れます。手術着が白でなく青緑なのは、赤い血を見続けた医師の目に残像が出にくくするためです。

補色残像デモ

下のボタンを押すと色の十字が出ます。中心の黒い点を20秒ほどじっと見つめてから「白に切替」を押してください。補色の残像が浮かびます。

距離・大きさ・面積に関わる効果

まとめこれらはすべて「色は関係で見える」という一点に帰着します。だから配色(第7章)は単色の良し悪しではなく、組み合わせの設計なのです。
07 / COLOR HARMONY — EXPERIMENT

配色(カラーハーモニー)

2色以上をどう組むか。配色の良し悪しは単色のセンスではなく、色相とトーンの距離をどう設計するかでほぼ決まります。原理を押さえれば再現できます。

配色の2つの基本原理

「色相をそろえてトーンで変化」「トーンをそろえて色相で変化」のどちらかを軸にするのが、失敗しない基本形です。

色相を基準にした配色(色相環での位置関係)

配色色相環での関係印象
同一・隣接同じ/すぐ隣非常にまとまる・穏やか
類似(アナロガス)近い数色自然で調和的
対照(コントラスト)離れた位置はっきり・active
補色(コンプリメンタリー)正反対の2色強い緊張・目立つ
分裂補色(スプリットコンプリ)補色の両隣2色+基準補色より柔らかく華やか
三角配色(トライアド)正三角形の3色安定して鮮やか
四角配色(テトラード)長方形/正方形の4色豊かでにぎやか

トーンを基準にした配色

配色を仕上げるテクニック

配色ジェネレーター

基準の色相を選び、配色タイプを切り替えると、色相環の位置関係にもとづいた配色が自動生成されます。HEXも表示するのでそのまま使えます。

08 / COLOR PSYCHOLOGY

色彩心理 ― 感情・連想・象徴

色は気分・印象・行動に影響します。ただし「この色は必ずこの効果」と決めつけるのは危険で、効果には文化・文脈・個人差が大きく関わります。一般傾向として整理します。

温度感 ― 暖色・寒色・中性色

主要な色の一般的連想

ポジティブな連想ネガティブ/注意
情熱・生命・活力・祝祭怒り・危険・警告
活発・親しみ・温かさ・食欲安っぽさ・騒がしさ
明るさ・希望・知性・注意喚起軽率・不安・幼さ
自然・安全・調和・癒し未熟・停滞
信頼・誠実・冷静・清潔冷たさ・憂鬱・孤独
高貴・神秘・creative・優雅不安・不健康・あいまい
ピンク愛情・優しさ・若さ・幸福幼稚・甘すぎ
清潔・純粋・始まり・神聖冷淡・空虚・緊張
高級・力・洗練・厳粛恐怖・絶望・抑圧
落ち着き・上品・中立曖昧・憂鬱・無機質

文化と文脈で意味は変わる

色の象徴は普遍ではありません。白は日本・欧米で純潔・婚礼の色ですが、東アジアの一部では喪の色です。赤は中国で慶事・幸運、欧米では危険・情熱、と振れます。同じ色でも社会的文脈で逆の意味になるため、ブランドや国際的な制作では前提を確認する必要があります。

色が行動に与える影響(応用例)

エビデンスの扱い色彩心理には、再現性の高い知見(温度感・進出後退・視認性)と、研究によって結果が分かれる主張(特定の色がパフォーマンスを上げる等)が混在します。教材として使うときは「一般傾向」と「個別の効果主張」を分けて扱い、断定を避けるのが誠実です。
09 / COLOR THERAPY

カラーセラピー

色を使って心身を整える、という発想と技法の総称。歴史・体系・各色の意味を押さえつつ、医療との線引きも明確にしておきます。

背景と位置づけ

色で心身に働きかける考えは古代エジプトやインドの伝統医学にさかのぼり、近代では色光を用いる試みや、ルッシャーらの色彩性格論などが知られます。現在のカラーセラピーは主にカウンセリングやリラクゼーションの補助として、選んだ色から感情や状態を語り合うために使われます。代表的な流派にオーラソーマ(二層のカラーボトルを選ぶ)などがあります。

最重要の前提カラーセラピーは医療行為ではなく、診断・治療の代替にもなりません。色が病気を治すという主張には十分な科学的裏づけがありません。教材・実践で扱う際は「自己理解・対話・気分の調整を助ける枠組み」として位置づけ、医療が必要な状態は専門家へつなぐ、という線引きを明示することが、提供者の責任であり信頼の土台になります。

セラピーで語られる各色の意味

テーマ・キーワード「選びがちなとき」の一般的解釈
生命力・行動・情熱・グラウンディング活力が欲しい/前に進みたい
喜び・社交・解放・楽観人とつながりたい/気持ちを緩めたい
知性・自信・明るさ・自立考えを整理したい/自分を肯定したい
調和・癒し・バランス・安心休みたい/中立に戻りたい
静けさ・誠実・コミュニケーション落ち着きたい/本音を伝えたい
藍・青紫直観・洞察・内省深く考えたい/自分の内側を見たい
統合・精神性・変容意味を求めている/変わりたい
ピンク愛・受容・自己慈愛優しさや安心が欲しい
マゼンタ無償の愛・献身・気づき小さなことに価値を感じたい
浄化・リセット・可能性仕切り直したい
保護・休息・境界守られたい/距離を置きたい

チャクラと色(インド由来の対応)

ヨガ・アーユルヴェーダ由来の身体観で、背骨に沿った7つのエネルギー中枢に色を対応させます。セラピーの体系としてよく引用されます。

チャクラテーマ
第1・ルート(基底)安全・基盤・生存
第2・仙骨感情・創造・喜び
第3・太陽神経叢意志・自信
第4・ハート緑(ピンク)愛・調和
第5・喉表現・コミュニケーション
第6・第三の目直観・洞察
第7・クラウン紫(白)精神性・統合
実践のヒント第8章の「色彩心理」と本章の「セラピー的意味」は重なりつつ目的が違います。心理は他者に与える印象の設計(デザイン寄り)、セラピーは本人が色を選ぶことを通した自己対話(対話寄り)。混同せず、目的に応じて使い分けると、どちらも筋の通った道具になります。
10 / PERSONAL COLOR

パーソナルカラー

人それぞれの肌・髪・瞳の色に調和し、その人を健康的・魅力的に見せる色のグループ。色そのものの優劣ではなく「似合う」という関係を扱う、第6章「色は関係で見える」の応用です。

基本の軸 ― イエベ/ブルベ(アンダートーン)

肌の下に潜む色味=アンダートーンで大きく二分します。

4シーズン分類

アンダートーン(暖/寒)と、明度・彩度・清濁の傾向を組み合わせ、季節名で4タイプに分けます。

タイプベース特徴の色傾向得意な色の例
スプリング(春)イエベ明るく澄んで鮮やかコーラル・若草・クリームイエロー
サマー(夏)ブルベ明るく柔らかく濁りありラベンダー・ローズ・水色
オータム(秋)イエベ暗めで深く濁りありマスタード・テラコッタ・モスグリーン
ウィンター(冬)ブルベ暗め・鮮やか・コントラスト強ロイヤルブルー・純白・黒・ビビッドピンク

似合う/似合わないの見分け方

顔の下に布をあてて、肌で起こる変化を観察します。調和する色は肌が明るく均一に、血色よく見えます。調和しない色は、くすみ・影・赤みやクマの強調・顔色の沈みとして現れます。これは前章までの対比・反射・色順応がそのまま顔の上で起きている現象です。

注意パーソナルカラーは「これしか着てはいけない」という制約ではなく、狙った印象を作るための道具です。診断は照明(自然光が基本/第1章)に大きく左右され、判定には個人差・主観も入ります。固定したラベルより「どう見せたいか」を優先する使い方が実用的です。
11 / APPLIED & UNIVERSAL DESIGN

実務応用とカラーUD

これまでの原理を、現場でどう使うか。分野ごとの定石と、誰にとっても伝わる色設計の基準をまとめます。

インテリア・空間

ファッション

Web・UIデザイン

カラーユニバーサルデザイン(CUD)

色覚特性(第2章)や加齢による見えの違いを前提に、できるだけ多くの人に同じ情報が伝わる色設計です。検定でも比重が増えています。

設計思想としてCUDは「特別な配慮」ではなく、第2章で学んだ色覚の多様性を前提に置くデフォルトです。色に意味を持たせるときは必ず「色以外の手がかり」を二重化する、と決めておくと、誰にとっても誤りにくいデザインになります。
12 / DICTIONARY OF COLOR NAMES — SEARCH

色名事典 ― 和と洋

固有の名前を持つ色=慣用色名のコレクション。日本の伝統色と西洋の色名を収録しています。名前・読み・由来・英名で検索でき、スウォッチと16進が見られます。「どんな色があるのか」を調べる辞書として使ってください。

色名の2分類慣用色名=「桜色」「珊瑚色」のように固有名を持つ色(由来は植物・動物・鉱物・地名・人名など)。系統色名=「明るい灰みの赤」のように、基本色名に明度・彩度・色相の修飾語を付けて系統立てて表す色名。慣用色名は風情が、系統色名は正確さが持ち味です。

色名検索

名前(漢字・かな)・英名・系統(赤系/青系など)で絞り込めます。空欄で全件表示。

13 / EXAM GUIDE

試験ガイド

日本で代表的な2つの色彩系資格と、この教材のどの章がどこに対応するかの地図。受験しない場合も、体系の全体像を確認する索引として使えます。

色彩検定(AFT・文部科学省後援)

配色とデザイン実務に強く、PCCS(第5章)が土台。級が上がるほど理論と応用が深まります。

カラーコーディネーター検定(東京商工会議所)

ビジネス・産業での色の活用に重心。光学・測色・産業色彩などやや理論寄り。

学習の順番はじめてなら第1→2→4→5章で土台(光・知覚・三属性・表色系)を固め、次に第3・6章の実験で体感し、第7章の配色へ進むのが最短です。第8〜11章は応用、第12章は辞書として随時参照、第14章で定着を確認します。受験しない場合も、この順で読むと色の全体像が一本の筋で通ります。
14 / SELF-TEST

確認テスト

全14章の要点から出題します。選ぶとすぐ正誤と解説が出ます。何度でも挑戦でき、最後に得点が出ます。試験対策にも、知識の抜けチェックにも。

問 1 / —
読み込み中…