ARTICLE DETAIL

资讯详情

深耕网站建设与运营推广的一线实战洞察。

三基色与三原色到底啥区别?搞懂加法与减法混色就够了

三基色与三原色到底啥区别?搞懂加法与减法混色就够了 先说一个可能让不少人意外的结论三基色和三原色不只是叫法不同它们根本就是两套不同的体系。如果你做过设计、搞过印刷、或者自己调过颜料多半已经在这上面踩过坑——屏幕上调得好好的颜色一打印出来就发灰颜料按“红黄蓝”混了半天怎么都调不出干净的颜色。这些问题的源头往往就是没分清“三基色”和“三原色”到底在说什么。我最早接触这组概念是在做色彩管理项目的时候当时要给一款教育类App做“美术混色”的仿真功能。产品经理一口一个“三原色”开发文档里写的是“RGB三基色”美术老师拿来的教材画的是“红黄蓝”。三方各说各话最后统一开会才发现大家讲的根本不是同一个东西。今天这篇文章我就把这组概念彻底拆开讲清楚物理原理、行业应用、混色实操、以及日常最容易踩的坑一次性说透。1. 先搞懂最根本的区别加法混色与减法混色1.1 术语的源头谁在叫“基色”谁在叫“原色”行业内比较严谨的用法是“三基色”专指色光三原色即红Red、绿Green、蓝Blue也就是RGB。这三个颜色在加色法体系里是“基色”因为它们分别对应人眼三种视锥细胞的峰值敏感波段。而“三原色”这个词在中文语境里用得比较宽泛既可以指“颜料三原色”传统美术里的红黄蓝也可以指“印刷三原色”青、品红、黄即CMY。问题就出在这里——日常口语里“三原色”经常被当成“所有颜色的基础色”来理解既包含了色光的RGB也包含了颜料的红黄蓝。但实际上这两种理解的混色逻辑完全相反不能混为一谈。为了后面表述不绕晕我建议你按这个口径来记术语指代混色体系典型应用三基色RGB红、绿、蓝加法混色发光显示器、投影仪、舞台灯光颜料三原色红、黄、蓝RYB减法混色反射传统美术绘画印刷三原色青、品红、黄CMY减法混色反射彩色印刷、喷墨打印1.2 加法混色光越混越亮加法混色基于一个物理事实人眼通过三种视锥细胞感知颜色分别对长波红、中波绿、短波蓝的光敏感。当不同波长的光同时进入眼睛大脑会把它们的信号叠加起来产生颜色知觉。实际操作中把红色光和绿色光按一定比例叠加会得到黄色红色和蓝色叠加得到品红绿色和蓝色叠加得到青色。三束等量的红绿蓝光叠加在一起就是白色。所以加色法的规律是混得越多亮度越高。这也是为什么屏幕显示黑色的方式是“什么都不发光”而不是“涂上黑色颜料”。你拿放大镜看液晶屏或者OLED屏幕会发现黑色区域的像素是熄灭的或者被液晶遮挡到几乎不透光。这里有一个值得一提的细节显示器调色时想提高某个颜色的亮度本质是增加对应基色的发光强度。比如调一个橙色调你提高红色通道的数值颜色会变亮变鲜艳但如果是在纸面上画水彩你加红色颜料只会让颜色变暗变浊。两套体系的直觉是完全相反的。1.3 减法混色颜料越混越暗减法混色针对的是不发光物体。阳光照在物体表面颜料会吸收一部分波长的光反射另一部分。青颜料吸收红光、反射绿光和蓝光品红颜料吸收绿光、反射红光和蓝光黄颜料吸收蓝光、反射红光和绿光。把青和品红混合红光和绿光都被吸收了剩下蓝光被反射出来所以看起来是蓝色。把青、品红、黄三种颜料等量混合理论上所有光都被吸收结果是黑色。现实里因为颜料不纯混出来往往是脏兮兮的深棕色所以印刷行业会额外加一个黑色K来弥补这就是CMYK的由来。减法混色的直觉和加法相反混得越多亮度越低颜色越脏。我见过很多新手调水彩想要深色就往颜料里不停加黑色结果画面闷成一团。正确的思路是用补色红对绿、蓝对橙、黄对紫来降明度颜色会更有透明感。1.4 为什么“红黄蓝”只对美术有意义传统美术教材里说的“三原色是红黄蓝”在严格意义上并不准确。从现代色彩科学来看颜料的三原色应该是青、品红、黄。红黄蓝体系之所以长期存在有两个原因一是历史惯性。在化学颜料还不发达的年代人们能稳定获得的颜料种类有限朱红、藤黄、普蓝是当时能买到的最“接近纯色”的三种颜料用它们可以调出大部分常见颜色。这个经验被代代相传写进了美术教材。二是教育简化。对初学绘画的人来说“红黄蓝”比“青品黄”更好理解更贴近生活经验。儿童美术课如果把“青”和“品红”挂在嘴边估计家长先懵了。问题在于很多人在红黄蓝体系下形成的混色直觉一旦进入数码设计或印刷领域就会频繁出错。2. 物理原理深挖人眼、光谱与颜色匹配2.1 三基色为什么偏偏是红绿蓝人眼的视网膜上有三种视锥细胞L型长波敏感峰值约560nm、M型中波敏感峰值约530nm、S型短波敏感峰值约420nm。它们分别对应红、绿、蓝三个波段。任何一束光进入眼睛无论它的光谱有多复杂最终都只表现为这三类细胞放电强度的比例组合。这意味着人眼的颜色感知是三维的任何颜色都可以用三个数值来描述。红绿蓝正好构成一组基底可以线性组合出人眼能分辨的所有颜色。这就是“三基色”在生理学上的根基。值得注意的是三种视锥细胞的敏感曲线是有重叠的这也是为什么单色光比如580nm的黄光和等量的红光加绿光在人眼看来可以是同一个颜色。这种现象叫“同色异谱”是显示技术能成立的物理基础——屏幕上根本没有真正的黄光它只是红和绿的组合但你看起来它就是黄。2.2 色度图与色域基色决定的“能显示的颜色范围”讲基色和原色避不开色度图。1931年国际照明委员会CIE制定了标准色度图用一个舌形区域表示人眼能感知的所有颜色。舌形区域的边缘是单色光谱色内部是复合光。显示器的RGB三基色在色度图上是三个具体坐标点。以这三个点为顶点连成的三角形就是这个显示器能显示的所有颜色也就是它的“色域”。基色的坐标越靠边缘三角形面积越大能显示的颜色越丰富。这就是为什么高性能显示器会去追求“广色域”——本质是让三基色的发光光谱更纯在色度图上更加“贴边”。印刷的CMY三原色同样在色度图上构成一个三角形但由于颜料吸收反射的特性这个三角形通常比显示器的RGB三角形小很多。这也是为什么印刷品很难印出屏幕上那种高饱和的荧光色。你可以做个实验在屏幕上调一个极鲜艳的蓝紫色打印出来大概率会变暗变灰因为印刷色域根本不包含这个颜色。2.3 同色异谱为什么打印的照片看起来“不对劲”同色异谱是色彩管理里最常遇到的现象两个物体光谱组成完全不同但在某个光照条件下看起来颜色一样。一旦换了光源它们就分道扬镳了。我做过一次显示器与打印机的色彩匹配肉眼在标准光源下反复微调让屏幕上的灰色和打印出来的灰色看起来一模一样。换到暖黄灯光下再看屏幕的灰色偏冷打印件的灰色偏暖。原因就是两种灰色分别由不同的光谱组成——屏幕灰色是RGB按比例发光的混合打印灰色是CMYK墨水的物理混合它们只是在一个光源下“碰巧“同色。这解释了为什么设计师总是在显示器上调完色打印出来却总感觉“差口气”。不是打印机不行是两套色彩系统物理上就不同。解决思路有两个一是用专业的色彩管理流程把显示器色域映射到打印机色域内二是打样确认在量產前先打印小样根据小样微调而不是盲目信任屏幕。3. 行业落地显示器、印刷、摄影与美术各自怎么用3.1 显示行业RGB三基色是硬标准从CRT时代到OLED显示设备的核心结构都是三色发光。你会注意到手机屏幕在显示“纯白”时实际是红绿蓝三个子像素同时以最高亮度发光。这里有一个常见的参数困惑很多显示器宣传“100% sRGB”“95% DCI-P3”这里的sRGB、DCI-P3就是不同的RGB色域标准。他们定义了三基色的具体坐标和白色点的位置。同一张图片在不同色域标准的显示器上颜色会有差异。挑选显示器时如果你做平面设计建议优先看sRGB覆盖率和出厂校色情况如果是做视频剪辑关注DCI-P3覆盖。看到“1670万色”“10.7亿色”这种参数其实是在说色深的位数——8bit对应1670万色10bit对应10.7亿色。颜色数越多渐变过渡越平滑不容易出现色彩断层。3.2 印刷行业CMYK与专色体系印刷领域用的不是RGB而是CMYK四个颜色叠加成像。现代印刷机的原理可以追溯到彩色印刷的网点技术通过不同大小、不同角度的网点让四种油墨在视觉上混合成人眼需要的颜色。我参与过一个包装盒打样项目设计师在屏幕上设计了一款金色Logo色彩明艳。印刷出来的效果却像土黄色。原因很简单金色有金属光泽超出了四色印刷的色域上限。后来的方案是用“专色”——调配专用的金色油墨来印刷效果一下子就对了。专色是印刷行业应对色域不足的重要方案。潘通色卡Pantone就是一套标准化的专色体系设计师指定的潘通色号印刷厂可以按标准配方调制实现跨厂商一致的色彩还原。贵但值。3.3 摄影后期色彩空间的工作逻辑摄影RAW格式处理里色彩空间的选择直接影响后期调色的上限。Adobe RGB比sRGB色域更大尤其是在绿色和青色区域。如果你拍摄的题材以自然风光为主用Adobe RGB处理会有更丰富的过渡。但这里有个坑网络传播几乎都基于sRGB。如果你用了Adobe RGB处理完图片导出时不转回sRGB别人在普通设备上看颜色饱和度就会下降。我见过不少摄影爱好者辛苦修的图一发到社交平台就“褪色”十有八九是色彩空间没处理好。正确的导出逻辑是拍摄RAW→在ProPhoto RGB或Adobe RGB下后期调色→导出一份sRGB版本供网络传播。如果你要打印输出用打印机的ICC配置文件做软打样模拟最终的打印效果再导出。3.4 美术绘画颜料三原色的“有效范围”与调和技巧传统美术颜料里红黄蓝作为教学三原色的地位仍然稳固但实践高手都知道靠这三种颜料并不足以调出所有颜色。市面上的颜料色谱远不止红黄蓝三支。原因在于颜料的“纯度”。理想的三原色颜料应该只反射一个波段的色光但现实中没有这么纯粹的颜料。你买到的“大红”里往往混着一点微小的偏蓝或偏橙的成分这些杂质会让混色效果变得浑浊。实操中我更推荐用“冷暖双色调色法”准备两支红一支偏暖的胭脂红、一支偏冷的玫红、两支黄柠檬黄偏冷、中黄偏暖、两支蓝群青偏暖紫、湖蓝偏冷绿。这样灰阶过渡更细腻暗部不发脏。虽然严格来说这超出了“三原色”的范畴但画出来的效果完全不一样。4. 实操环节手动验证两套体系差异的几个方法4.1 屏幕混色小实验RGB验证不需要专业仪器打开任意的调色软件比如Photoshop的拾色器或者网页里的色块样式编辑器。先看RGB模型把R调到255G调到255B设为0你看到的是纯黄色。把R设为255B设为255G为0看到的是品红。再把G设为255B设为255R为0看到青色。RGB三个都255就是白三个都是0就是黑。这个实验直观展示了加色法的全部规律两个基色相加出间色三基色相加出白色。试着做一组对比在纯黑背景上用一个半透明红色圆形和半透明绿色圆形进行叠加交集处呈现黄色。这就是加法混色的实时演示任何图形软件都能做。4.2 水彩混色小实验减法验证拿水彩或丙烯颜料用柠檬黄和品蓝近似青色相混合你会得到一个相对干净的绿色。再用中黄和群青混合得到的绿色明显偏灰偏暗。这就是颜料纯度差异造成的混色质量差距。再用普蓝加深红调紫色普蓝本身偏暖深红偏暖你调出来的紫色会很闷。换湖蓝加玫红紫色会明亮得多。这启发我们在调色时先分析目标色的冷暖倾向再选对应的冷色或暖色原色去调和。这个实验建议拍照片留档把自己的调色芯片贴在本子上标注用了哪几种颜料。日积月累你会形成自己的调色直觉。4.3 编程辅助用RGB数值直观感受颜色合成如果你会一点代码可以用下面的Python脚本快速生成加色混色的效果图import matplotlib.pyplot as plt import numpy as np # 创建一个200x200x3的画布数值范围0-1 canvas np.zeros((200, 200, 3)) # 左上红色方块 canvas[0:100, 0:100, 0] 1.0 # 右上绿色方块 canvas[0:100, 100:200, 1] 1.0 # 左下蓝色方块 canvas[100:200, 0:100, 2] 1.0 # 右下RGB叠加 canvas[100:200, 100:200, 0] 1.0 canvas[100:200, 100:200, 1] 1.0 canvas[100:200, 100:200, 2] 1.0 plt.imshow(canvas) plt.axis(off) plt.show()运行后你会看到左上纯红、右上纯绿、左下纯蓝右下区域因为三种颜色叠加变成了白色。对于初学编程的读者这行代码唯一要注意的是numpy的数组索引——前两个维度是图片的坐标第三个维度是RGB通道。把某个通道的值设为1就是在那个区域点亮对应的基色。4.4 用色彩参数加深印象HSL模型是个好中介很多人会被RGB、CMY、HSL这些色彩模型弄晕。提供一个理解角度HSL色相、饱和度、明度是一种更贴近人对颜色直觉的描述方式但它本质上还是要转换到RGB才能在屏幕上显示转换到CMYK才能印刷。在Photoshop里打开拾色器随意拖动色相滑块你会看到RGB数值在联动变化。这就是颜色模型之间的数学转换在实时进行。理解了这一点你就知道为什么所有设计软件都同时提供几种模型——它们描述的是同一个颜色只是坐标系不同。5. 高频问题与避坑经验5.1 为什么显示器不能直接印出所见即所得这个问题再强调一遍也不为过。显示器用RGB加色法印刷用CMYK减色法色域范围不同。sRGB色域能覆盖的颜色一部分落在CMYK色域之外尤其是高饱和的青色、亮蓝色和荧光色系。避坑建议重要设计在开始之前就把颜色控制在CMYK可打印范围内。在Photoshop里可以用“视图→校样设置→工作中的CMYK”来预览打印效果。如果某块颜色在校样模式下看起来变灰说明它超出了印刷色域需要手动调整。用“色域警告”功能可以直接把超色域区域标成灰色。5.2 为什么颜料老调不出纯黑色严格遵循CMY三色等量混合理论上应得黑色。但颜料不纯混合后往往偏棕。解决思路市售黑色颜料本身就是一种“便捷色”但它会让画面发闷。想要通透的暗部可以用普蓝加深红可以得到偏紫的深色用深绿加玫红可以得到偏暖的深色。不同倾向的深色暗部会让画面更有色彩感。5.3 同色异谱会造成哪些日常麻烦最常见的是购买衣物或窗帘时在商场灯光下和自然光下看到不一样的颜色。这不是错觉是两件物品的光谱反射曲线不同。而在专业领域这个问题的应对方式就是标准光源箱——印刷行业在进行颜色比对时一定要用标准光源箱比如D50或D65光源而不是普通室内灯光。否则你判断的颜色差异是不真实的。5.4 屏幕校色到底有没有必要如果你只是普通办公不需要。但如果你做设计或摄影后期一套校色设备如德塔、爱色丽的分光光度计能把显示器的颜色校准到接近标准。不校色的显示器出厂默认色温可能偏冷偏蓝让你修出来的照片颜色偏离真实。我的经验是每月校一次色并定期检查显示器的亮度是否衰减。请注意校色过程要在环境光稳定的房间内进行避免窗外自然光变化干扰测量结果。5.5 速查表常见混色场景的应对策略场景推荐方案不推荐的方案屏幕调色使用RGB数值精确控制凭肉眼随意调整打印输出先做CMYK校样对照色域警告直接屏幕所见即所得水彩调绿色柠檬黄湖蓝中黄群青易发灰调暗部用互补色调和一律加黑网络图片导出sRGB用Adobe RGB直接传网络包装专色指定潘通色号用CMYK四色硬印6. 写在最后的一点使用心得做色彩相关的工作这些年我最大的体会是比记住原理更重要的是建立“两套逻辑随时切换”的思维习惯。看到屏幕上的颜色你要能意识到它是发光的RGB看到纸上的颜色你要能意识到它是吸光的CMY或颜料三原色。一旦建立了这种条件反射很多色彩问题都能迎刃而解。如果你刚接触这些概念不用急着背参数。先做第4节里的两个小实验亲手感受一下“光越混越亮”和“墨越混越暗”的差异这种直观经验比任何理论都管用。最后再分享一个小技巧我在做任何一份涉及印刷的设计稿之前都会先建一个“色彩安全区”的参考文件——把所有亮色、荧光色单独放在一个图层在CMYK预览模式下反复确认它们被色域压缩后的效果。提前排雷永远比事后返工省时间。
返回列表