色彩模型:RGB、CMYK、RYB、HSV

在上一篇文章中,我们回答了"颜色为什么重要"。从这一篇开始,我们进入色彩理论的技术核心。而所有技术问题的起点,是一个看似简单却极易混淆的概念:色彩模型。

你可能遇到过这样的情况:在设计软件里调好了一个鲜艳的蓝色,印刷出来却变得暗淡;明明在Photoshop里选了"正红色",放到网页上却感觉偏暗。这些问题的根源,都指向同一个答案——不同的媒介使用不同的色彩模型,而它们描述颜色的方式完全不同。

本文将系统讲解四种最基础的色彩模型:RGB、CMYK、RYB和HSV。理解它们的区别,你就能明白为什么颜色会在不同媒介之间"变脸",也能在正确的场景选择正确的模型。

什么是色彩模型?

色彩模型是一种用数字或符号来描述颜色的系统。它回答的是一个根本问题:我们如何把连续变化的颜色,变成可以被精确复制、传输和再现的数值?

不同的媒介产生颜色的物理原理不同:屏幕靠发光,印刷靠反光,绘画靠颜料吸收光线。因此,不存在一个"万能"的色彩模型。每种模型都是针对特定媒介和使用场景设计的,各有各的适用范围。

💡 关键认知: 色彩模型不是"哪个更准确"的问题,而是"哪个更适合当前媒介"的问题。一个颜色在RGB里是准确的,转到CMYK后可能无法完全再现——这不是错误,而是物理限制。

RGB:光的语言

RGB是加色模型,也是你此刻正在使用的模型——你的手机、显示器、电视屏幕,全部基于RGB工作。

原理

RGB代表红、绿、蓝三种光。屏幕上的每个像素由红、绿、蓝三个子像素组成,通过调节各自的发光强度来混合出各种颜色。当三种光以最大强度同时发光时,混合结果是白色;当三种光全部关闭时,结果是黑色。

这就是"加色"的含义:颜色是叠加出来的,越加越亮。

数值范围

每个通道的取值范围是0到255(共256级),三个通道组合起来可以表示 256 × 256 × 256 = 16,777,216种颜色,也就是常说的"1670万色"或"24位真彩色"。

使用场景

  • 所有发光屏幕:显示器、手机、电视、投影仪
  • 网页设计、UI设计、视频制作
  • 任何以光为最终呈现媒介的场景

🔧 RGB 常见表示法:

rgb(255, 0, 0) → 纯红色

rgb(0, 0, 0) → 黑色

rgb(255, 255, 255) → 白色

#FF0000 → 纯红色的HEX写法(HEX本质是RGB的十六进制表达)

CMYK:油墨的语言

CMYK是减色模型,主要用于印刷。它代表青、品红、黄、黑四种油墨。

原理

与屏幕发光不同,印刷品本身不发光。我们看到印刷品的颜色,是因为白光照射到纸面上,油墨吸收(减去)了部分波长的光,剩下的光反射到我们眼中,形成了颜色。

因此,CMYK是"减法":油墨越多,吸收的光越多,颜色越暗。理论上,青+品红+黄应该混合出黑色,但实际油墨存在杂质,混合后只能得到深棕色。所以需要额外的K(黑色油墨)来补偿,同时黑色油墨也比三色叠印更经济。

数值范围

每个通道通常用0%到100%表示油墨覆盖率。例如 C:100 M:0 Y:0 K:0 是纯青色,C:0 M:0 Y:0 K:100 是纯黑色。

使用场景

  • 所有商业印刷:名片、海报、画册、包装
  • 需要输出到纸张或其他物理媒介的设计

为什么屏幕上的颜色印不出来?

这是设计师最常遇到的痛点。RGB的色域比CMYK大得多,尤其是鲜艳的蓝、绿、橙,在CMYK中根本无法还原。当你把RGB文件转为CMYK时,那些"超出色域"的颜色会被自动替换成最接近的可印刷颜色,结果就是画面整体变暗、变灰。

💡 实践建议: 如果设计最终要印刷,应在设计初期就使用CMYK模式,或在交付前留出足够时间做色彩校正。不要等到印出来才发现颜色不对。

RYB:艺术家的传统色轮

RYB代表红、黄、蓝,是最古老的色彩模型,也是美术教育中使用最广泛的模型。

原理

RYB基于颜料混合的经验总结,认为红、黄、蓝是三种无法通过混合其他颜色得到的"原色"。间色(橙、绿、紫)由两种原色混合而成,复色再由原色和间色混合而成。

这个模型统治了艺术教育几百年,从达芬奇时代一直沿用至今。你在美术课上画的色轮,就是RYB色轮。

但RYB有一个"问题"

从现代色彩科学的角度看,RYB中的"红"和"蓝"并不是真正的原色。真正的颜料减色原色是青、品红、黄(即CMY)。红和蓝本身就可以由其他颜色混合出来。

那为什么美术教育还在用RYB?因为对于绘画实践来说,RYB更符合直觉,也更容易操作。画家用红、黄、蓝三管颜料就能调出大部分想要的颜色,这个实用性远比理论上的精确性重要。

模型原色混合规律
RYB红、黄、蓝红+黄=橙,黄+蓝=绿,红+蓝=紫
CMY青、品红、黄青+品红=蓝,品红+黄=红,青+黄=绿

使用场景

  • 传统绘画、水彩、油画、丙烯
  • 美术基础教育中的色彩教学
  • 任何以"调颜料"为核心的工作

HSV / HSL:最符合直觉的模型

RGB和CMYK是面向机器的,它们直接对应硬件的物理特性。但对于人类来说,用"红绿蓝各多少"来描述颜色并不直观。HSV和HSL就是为了解决这个问题而设计的。

原理

HSV代表色相、饱和度、明度;HSL代表色相、饱和度、亮度。两者结构相似,区别在于对"亮度"的定义略有不同。

  • 色相:颜色在色轮上的位置,用0°到360°表示。0°是红,120°是绿,240°是蓝。
  • 饱和度:颜色的纯度,从0%(灰色)到100%(最鲜艳)。
  • 明度/亮度:颜色的明暗,从0%(黑)到100%(最亮)。

为什么它更直观?

假设你想把"红色调暗一点",在RGB里你需要同时调整三个通道的数值,很难预判结果。而在HSV/HSL里,你只需要把明度从100%降到50%,色相和饱和度保持不变,操作意图和结果完全对应。

使用场景

  • 设计软件的取色器(Photoshop、Figma、Sketch的色板)
  • CSS中的HSL颜色函数
  • 需要基于色相快速生成配色方案的场景
  • 程序化生成颜色(如数据可视化中按色相分配类别色)

💡 实用技巧: 当你需要快速生成一组"同色系但明暗不同"的颜色时,保持H和S不变,只调整L,就能得到一组和谐的单色渐变。这是UI设计中最常用的配色手法之一。

四种模型横向对比

模型类型核心场景
RGB加色屏幕显示、网页、视频
CMYK减色商业印刷、包装
RYB减色(传统)绘画、美术教育
HSV/HSL感知模型设计软件、CSS、配色生成

色域:为什么有些颜色"转不过去"

理解了四种模型,还需要理解一个配套概念:色域。色域是指一个色彩模型或设备能够表现的颜色范围。

RGB的色域最大,能表现最鲜艳的颜色。CMYK的色域较小,很多RGB中的鲜艳颜色在CMYK中没有对应。RYB的色域取决于具体颜料,但整体也小于RGB。

这就是为什么你在屏幕上看到一个荧光绿,印刷时却只能得到一种偏暗的草绿。不是印刷厂偷工减料,而是物理油墨根本无法反射出那种波长的光。

“色彩模型不是关于颜色本身的对错,而是关于不同媒介如何用各自的方式捕捉和再现光。理解它们的边界,你才能在边界内做出最好的选择。”

实践中的选择指南

  • 做网页或App:用RGB(或HEX),因为最终呈现媒介是屏幕。
  • 做印刷品:用CMYK,并在设计初期就设定好色彩模式。
  • 画画:用RYB思维调色,但知道CMY是更精确的底层逻辑。
  • 调色或生成配色:用HSV/HSL,因为它的维度直接对应人类的色彩直觉。
  • 跨媒介项目:先确定最终输出媒介,再选择对应模型。如果需要同时覆盖屏幕和印刷,做好色彩校正和心理预期。

下一篇,我们将深入HSV/HSL中的三个维度——色相、饱和度、明度,学习如何用它们精确描述和调整任何一种颜色。这是从"知道模型"走向"会用颜色"的关键一步。