加法混色·减法混色模拟器 返回
光·色彩

加法混色·减法混色模拟器

通过RGB滑块体验光的加法混色,通过CMY滑块体验颜料的减法混色。韦恩图、HSL转换、光谱分布、色差ΔE计算直观可视化色彩科学。

混色模式

光的三原色(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(红、绿、蓝),混合后会变白。但绘画的三原色是红、蓝、黄,混合后会变黑。为什么会这样不同呢?
🎓
光(加法混色)是"叠加出射光",所以混合光越多越亮。颜料(减法混色)是"吸收光后反射剩余部分",所以混合颜料越多越暗。严格来说,印刷三原色应该是青(吸收红)、品红(吸收绿)、黄(吸收蓝),而小学学的"红、蓝、黄"是一个近似表达。
🙋
我听说电视屏幕放大了看能看到红、绿、蓝的点排在一起。那就是RGB吧。但为什么绿色的权重最大呢(Y = 0.21R + 0.72G + 0.07B)?
🎓
因为人眼的视锥细胞对绿色最敏感。三种视锥细胞(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为三原色。全部混合时产生黑色。用于印刷、颜料、滤光片。印刷机采用CMYK方式,在CMY基础上加入黑色(K)。
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规范。各设备(显示器、打印机、相机)都支持同一色彩空间,颜色显示就一致了(色彩管理)。现在Display P3和Adobe RGB这样的广色域也在普及。CAE可视化工具的色彩空间设置也很重要,显示器和投影仪显示效果会不同。
色差ΔE是什么?
两种颜色的知觉距离的数值化,在CIE L*a*b*色空间(知觉均一色空间)中的距离定义。ΔE < 1时人眼无法区别,ΔE = 1-3时微有区别,ΔE > 5时明显不同。在涂料、纺织、印刷等品质管理中广泛应用。也有人尝试将ΔE用于CAE结果比较,数值化多个网格解的差异。
CAE可视化最好用哪种色图?
传统常用的Jet(蓝→绿→红)知觉非线性,数据中不存在的等高线会出现,色盲人士也难以区别,有问题。推荐用Viridis(蓝→绿→黄)或Plasma(紫→橙→黄)等"知觉均一色图",转换成灰度后信息也保留。Matplotlib可直接使用这些。

加法混色·减法混色模拟器简介

加法混色是指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\)取决于光量总和,减法混色的\(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值或CMY值。每个值的范围是0~255
  2. 在加法混色模式(RGB)中,红、绿、蓝光混合的颜色实时显示。例如R=255、G=255、B=0时产生黄色
  3. 在减法混色模式(CMY)中,可以看到青、品红、黄颜料混合的结果。设置C=100、M=50、Y=0时得到品红系颜色
  4. 同时显示色相H(0~360°)、饱和度S(0~100%)、亮度L(0~100%)、相对亮度,掌握颜色特性

具体计算示例

印刷业指定CMYK颜色时,设置CMY值C=80、M=20、Y=100,可得到饱和度约65%、色相120°(绿色系)的深色。相反,用RGB加法混色设置R=50、G=180、B=30产生相同的色相,相对亮度约为40%。这清楚地表明纸张印刷(减法)亮度下降,发光屏幕(加法)相对亮度上升的特性,通过实验可以验证

实务注意事项