加法混色・減法混色シミュレーター 戻る
光・色彩

加法混色・減法混色シミュレーター

暗い舞台に当たった赤・緑・青のスポットライトが重なり、二次色(黄・シアン・マゼンタ)と白を生む様子をリアルタイムに描きます。RGB スライダーで光の加法混色、CMY スライダーで絵具の減法混色を体験し、混色結果・HSL・色相環をライブ表示します。

混色モード

光の三原色(RGB)

赤 R
緑 G
青 B
#FF6400
橙系
計算結果
RGB 値
HEX
色相 H (°)
彩度 S (%)
明度 L (%)
輝度 相対 (%)
スポットライト混色アニメーション
ベン図
スペクトル
色相環
理論・主要公式

加法混色:$I_{mix} = I_R + I_G + I_B$(光の強度は重ね合わせで加算。R+G=黄、G+B=シアン、R+B=マゼンタ、R+G+B=白)

相対輝度:$Y = 0.2126R + 0.7152G + 0.0722B$(人間の視感度に基づく重み)

CMY↔RGB:$R = 255(1-C)$ 等(減法混色は白色光からの吸収)

補色:$R_{comp} = 255 - R$(加法で混ぜると白になる対の色)

🎓 会話で学ぶ色の混色

🙋
光の三原色はRGB(赤・緑・青)で、混ぜると白になるって習いました。でも絵の具の三原色は赤・青・黄で混ぜると黒になるってのと、なんで違うんですか?
🎓
光(加法混色)は「出てくる光を足す」から混ぜるほど明るくなる。アニメーションの3つのスポットライトの重なりを見てごらん。赤と緑が重なると黄色、緑と青でシアン、赤と青でマゼンタ、3つ全部重なると真ん中が白になるだろう?絵具(減法混色)は「光を吸収して残りを反射」するから混ぜるほど吸収が増えて暗くなるんだ。
🙋
テレビの画面とか、すごく近くで見ると赤・緑・青の点が並んでるって聞きました。それがRGBなんですね。でも、なんで緑の輝度の重みが一番大きいんですか(Y = 0.21R + 0.72G + 0.07B)?
🎓
人間の目の錐体細胞の感度が緑に最も敏感だから。3種類の錐体(L・M・S型)のうち、M型(緑感度)が最も数が多く感度のピークが緑付近にある。この感度分布を「視感度関数 V(λ)」と言って、これに基づいて輝度計算のRGB重みが決まっている。だから緑LEDが暗くても画面の明るさに最も貢献するんだ。
🙋
補色ってデザインでよく使いますよね。赤の補色はシアンって言ってましたが、色相環で「正反対」の色ということですか?
🎓
そう。RGB値なら「255-R, 255-G, 255-B」が補色。RGBで混ぜると必ず(255,255,255)、つまり白になる。デザインで補色を使うのはコントラストが最大になるから視認性が高い。ただし補色を同じ面積で並べると「ぶつかって見える(ハレーション)」効果があるので、実務では彩度を少し下げて使うことが多い。
🙋
CAEや工学的な文脈で色彩が使われることはありますか?
🎓
大いにある!FEMやCFDの結果可視化で「コンターカラー」を使う——応力が高い所を赤、低い所を青で示すやつだ。この色のマッピングには「カラーマップ(Jet、Viridis等)」が使われる。ただしJetは人間の知覚が非線形で誤解を招きやすく、近年はViridisのような知覚均一カラーマップが推奨されている。色差ΔEの計算はメッシュ結果の比較品質評価にも関係するんだ。

よくある質問

加法混色と減法混色の違いは何ですか?
加法混色は光を重ねる混色で、RGB(赤・緑・青)が三原色。すべて最大にすると白になります。ディスプレイ・LED照明・舞台照明に使用。減法混色は物体の光吸収による混色で、CMY(シアン・マゼンタ・イエロー)が三原色。すべて混ぜると黒になります。印刷・絵の具・フィルターに使用します。印刷機はCMYにブラック(K)を加えたCMYK方式を採用しています。
HSLとHSVは何が違いますか?
HSL(色相・彩度・明度)とHSV(色相・彩度・明度Value)は似た色空間ですが定義が異なります。HSLでL=100%は常に白、L=50%が最も鮮やかな色。HSVではV=100%でも彩度によって純色から白まで様々な色になります。Photoshopの「色相/彩度」ダイアログはHSL的、HSBと表示されるのはHSV的です。CSSのhsl()関数はHSLを使います。
なぜパソコンのディスプレイはsRGBという色空間を使うのですか?
sRGBは1996年にMicrosoftとHPが標準化した色空間で、ITU-R BT.709規格に対応します。各デバイス(モニター・プリンター・カメラ)が同じ色空間に対応することで、色が一致して見えるようになります(カラーマネジメント)。現在はsRGBより広色域のDisplay P3やAdobe RGBも普及しています。CAEの可視化ツールでも出力時の色空間設定が重要で、モニター・プロジェクターで見え方が変わります。
色差ΔEとは何ですか?
2つの色の知覚的な距離を数値化したもので、CIE L*a*b*色空間(知覚均一色空間)での距離として定義されます。ΔE < 1は人間の目では区別できないレベル、ΔE = 1〜3は微妙に分かる差、ΔE > 5は明らかな差です。塗料・繊維・印刷業界の品質管理で広く使われます。CAEの結果比較にも応用でき、複数メッシュ解の差をΔEとして数値化する研究もあります。
CAEの可視化で良いカラーマップとはどれですか?
従来よく使われたJet(青→緑→赤)は知覚が非線形で、データに存在しない等高線が見えたり色盲の方に区別しにくい問題があります。現在推奨されるのはViridis(青→緑→黄)やPlasma(紫→橙→黄)などの「知覚均一カラーマップ」で、グレースケール変換しても情報が保持されます。Matplotlibではこれらがデフォルトで使えます。

加法混色・減法混色シミュレーターとは

加法混色は、RGBの三原色光を重ねることで色を生成する物理過程です。各色光の強度を\(R, G, B\)(0から1)とすると、合成色の三刺激値は線形和\(X = \bar{x}_r R + \bar{x}_g G + \bar{x}_b B\)で近似され、スライダー操作がそのままスペクトル強度の重ね合わせに対応します。本ツールのスポットライト・アニメーションでは、暗い舞台に当たった赤・緑・青の光が重なり、重なり領域で二次色(赤+緑=黄、緑+青=シアン、赤+青=マゼンタ)が、3つすべての重なりで白が生じる様子をリアルタイムに描画します。これは光強度が加算される加法混色の本質をそのまま映しています。一方、減法混色はCMY(シアン、マゼンタ、イエロー)の絵具やインクが白色光から特定波長を吸収する現象です。例えば、イエローは青領域(約450nm)を吸収し、残った赤と緑の反射光が黄色知覚を生みます。この吸収特性は、各顔料の分光反射率\(S(\lambda)\)の積\(S_{total}(\lambda) = S_C(\lambda) \cdot S_M(\lambda) \cdot S_Y(\lambda)\)でモデル化され、HSL空間への変換では明度\(L\)が加法混色で光量の総和、減法混色で反射光の積に依存する点が本質的な差異です。ベン図は各原色の重なり領域を、スペクトル可視化は波長ごとの強度分布を直感的に示し、両混色の対比を理解する助けとなります。

実世界での応用

1. 産業での実際の使用例
例えば、ソニーの有機ELテレビ「BRAVIA XR」の開発では、RGBサブピクセルの発光強度を本シミュレーターで調整し、加法混色による色再現範囲(色域)の最適化に活用。また、キヤノンのインクジェットプリンター「PIXUS PRO」シリーズでは、CMYインクの重ね刷りによる減法混色をシミュレートし、印刷物の色味を設計段階で検証しています。

2. 研究・教育での活用
大学の色彩工学や画像処理の講義で、ベン図による色の重なりやHSL変換の可視化を通じて、光と色材の混色原理を直感的に理解させる教材として利用。特に、東京藝術大学のデザイン学科では、デジタルとアナログの色表現の違いを学ぶ実習に導入されています。

3. CAE解析との連携や実務での位置付け
本シミュレーターは、製品の外観色を決める前段階の「色設計CAE」として機能。自動車メーカーでは、RGB・CMYの数値データを光学シミュレーションソフト(例:LightTools)に連携し、塗装やディスプレイの発色を予測。実機試作前に色味を確定することで、開発期間の短縮と試作コスト削減に貢献しています。

よくある誤解と注意点

「加法混色と減法混色は逆の関係だから、RGBとCMYのスライダーを同じ値にすれば同じ色になる」と思いがちですが、実際は全く異なります。加法混色は光そのものを重ねるため、RGBすべてを最大にすると白になりますが、減法混色は絵具が光を吸収する仕組みのため、CMYすべてを最大にすると理論上は黒(実際は濁った暗色)になります。この根本的な原理の違いを理解せずに操作すると、意図した色と大きくずれる原因となります。

また、「HSL(色相・彩度・明度)の表示値がRGBとCMYで同じになる」と誤解しがちですが、注意が必要です。HSLはあくまでRGB空間における色の表現方法であり、減法混色のCMY値をそのままHSLに変換しても、実際の絵具の混合結果とは対応しません。ツール上のHSL表示は、現在のRGB値に基づく参考値であり、減法混色の直感的な指標にはならないことを認識しておきましょう。

さらに、「ベン図やスポットライトの重なり部分がそのまま最終的な混色結果を正確に表している」と思い込まないでください。これらは混色の概念図であり、実際のスペクトル分布や顔料の化学的特性までは反映していません。特に減法混色では、絵具の種類や透明度によって実際の発色が理論と異なる場合があるため、シミュレーション結果を絶対視せず、実務では必ず実物で確認することが重要です。

使い方ガイド

  1. RGB値(各0〜255)またはCMY値(各0〜100%)をスライダーで調整します。混色モードの切替で入力範囲が変わります
  2. 加法混色モード(RGB)では赤・緑・青の光を混ぜた色がリアルタイムで表示されます。例えばR=255、G=255、B=0で黄色を生成。スポットライト・アニメーションで重なりが二次色になる様子を確認できます
  3. 減法混色モード(CMY)ではシアン・マゼンタ・イエローの絵具を混ぜた結果を確認できます。例えばC=0、M=100、Y=0でマゼンタ、C=100、M=0、Y=100で緑系の色になります
  4. 色相H(0~360°)、彩度S(0~100%)、明度L(0~100%)、相対輝度を同時表示で色彩特性を把握します。プリセット(白・黄・シアン・マゼンタ)で代表的な混色を一発再現できます

具体的な計算例

印刷業界でCMYカラー指定する場合、CMY値C=80、M=20、Y=100を設定すると、RGB(51,204,0)=色相105°(黄緑系)・彩度100%・明度40%の鮮やかな緑が得られます。一方、RGB加法混色でR=50、G=180、B=30とすると相対輝度は約56%となり、同じ「緑」でもデバイスごとに数値表現が異なることを確認できます。発光画面(加法)と紙印刷(減法)で色の成り立ちが逆になる点を実験で確かめられます

実務での注意点