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

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

RGBスライダーで光の加法混色を、CMYスライダーで絵具の減法混色をリアルタイム体験。ベン図・HSL変換・スペクトルを可視化します。

混色モード

光の三原色(RGB)

赤 R
緑 G
青 B
#FF6400
橙系
計算結果
色相 H (°)
彩度 S (%)
明度 L (%)
輝度 相対 (%)
Venn
理論・主要公式
RGB → 輝度:$Y = 0.2126R + 0.7152G + 0.0722B$
CMY ↔ RGB:$C = 1 - R/255$
HSL変換:$H = \arctan(...)$, $S, L$ は最大/最小値から計算
補色:$R_{comp} = 255 - R$ 等

🎓 会話で学ぶ色の混色

🙋
光の三原色はRGB(赤・緑・青)で、混ぜると白になるって習いました。でも絵の具の三原色は赤・青・黄で混ぜると黒になるってのと、なんで違うんですか?
🎓
光(加法混色)は「出てくる光を足す」から混ぜるほど明るくなる。絵具(減法混色)は「光を吸収して残りを反射」するから混ぜるほど吸収が増えて暗くなる。印刷の三原色はシアン(赤を吸収)・マゼンタ(緑を吸収)・イエロー(青を吸収)というのが正確で、小学校で習う「赤・青・黄」は近似的な表現なんだ。
🙋
テレビの画面とか、すごく近くで見ると赤・緑・青の点が並んでるって聞きました。それが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スライダーで光の加法混色を、CMYスライダーで絵具の減法混色をリアルタイム体験。ベン図・HSL変換・スペクトルを可視化します。

このシミュレーターでは、パラメータを直接操作しながら、現象の本質的な挙動を体験的に理解できます。計算結果はリアルタイムで更新され、数値と可視化の両面から直感的な理解を深めることができます。

加法混色は、RGBの三原色光を重ねることで色を生成する物理過程です。各色光の強度を\(R, G, B\)(0から1)とすると、合成色の三刺激値は線形和\(X = \bar{x}_r R + \bar{x}_g G + \bar{x}_b B\)で近似され、スライダー操作がそのままスペクトル強度の重ね合わせに対応します。一方、減法混色は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値に基づく参考値であり、減法混色の直感的な指標にはならないことを認識しておきましょう。

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