色彩空间学习笔记——关于RGB/sRGB/XYZ/Lab/Luv那点事儿（一）

原创最新推荐文章于 2026-10-31 16:26:52 发布 2.6k 阅读 AI写同款

multiflora2

4粉丝2篇原创

关注

详解RGB和XYZ色彩空间转换之中篇首先需要指明本文中描述的R,G,B并非通常的sRGB中的三个分量R',G',B'，而是波长分别为700nm，546.1nm，435.8nm的单色红光，单色绿光，单色蓝光。sRGB中的R'G'B'中的红色、绿色、蓝色已经不是单色光了。虽然习惯上大家都叫RGB，但是需要有所区别。本文将分别从为什么需要这种转换，怎么进行这种转换进行阐述。阅读详情

AI摘要

本文介绍了色彩空间的不同形式，如R1G1B1和R2G2B2，通过格尔斯曼定律和线性代数探讨了不同色彩空间之间的转换，重点讲解了sRGB和XYZ色彩模型，以及人眼视觉特性在色彩转换中的作用。,

写在前面：什么是色彩空间？

条条大路通罗马，就像我们可以用5+5来表示10，也可以用2x5来表示10，甚至是20-10也可，同样一种颜色，也可以用不同形式来表示。不同的形式有不同的优缺点，对于色彩空间来说，不同的空间能表示的色域是不同的。

用一个例子可以很好的理解不同的色彩空间以及他们之间的区别：假设有两个色彩空间，它们分别是R1 G1 B1和R2 G2 B2。现在我们的目标是，找到两个色彩空间之间的映射关系。现在我们已知R2 G2 B2 [1 0 0]的颜色情况，还有一个R1 G1 B1的显色器，若我把R1 G1 B1也设置成[1 0 0]，会出现这么个情况：（上标表示的是R1 G1 B1，下标表示的是R2 G2 B2）

显然，这两个不同的色彩空间，那么通过调整R1 G1 B1，也可以使两种颜色一样，只不过确实要慢慢试：

那么根据此，我们可以得到以下的关系式：

R1 = R2 * 0.712

G1 = R2 * 0.100

B1 = R2 * 0.024

对R2 G2 B2 [0 1 0]和R2 G2 B2 [0 0 1]也是同理：

得到的关系式就分别是：

R1 = G2 * 0.221 R1 = B2 * 0.067

G1 = G2 * 0.690 G1 = B2 * 0.210

B1 = G2 * 0.000 B1 = B2 * 0.975

目前我们只知道R2 G2 B2为纯色的时候，R1 G1 B1分别要显示的量，那么如何确定非纯色的时候，R1 G1 B1要如何分配呢？比如说R2 G2 B2[0.9, 0.5, 0.2]的时候？

这个时候就要祭出我们的色觉尚方宝剑，格尔斯曼定律（Grassmann's laws），其内容是：人类对色彩的感知是线性的，即如果两个颜色的光匹配，此时添加另一组匹配的光，他们的总和也是匹配的。这里的匹配是指在一个色彩空间当中。

（详情可以看：https://en.wikipedia.org/wiki/Grassmann%27s_laws_(color_science)）

也就是说，我们已经知道R1 G1 B1分别与R2、G2、B2的关系，那么要求R1 G1 B1与R2 G2 B2的关系，我们只需要将其线性相加即可：

R1 = 0.712 * R2 + 0.221 * G2 + 0.067 * B2

G1 = 0.100 * R2 + 0.690 * G2 + 0.210 * B2

B1 = 0.024 * R2 + 0.000 * G2 + 0.976 * B2

那么我们解决上面的问题，当R2 G2 B2[0.9, 0.5, 0.2]时，把数值带入上式，得到其对应的R1 G1 B1为[0.765, 0.477, 0.217]，来验证一下：

Amazing！我们再来进一步深入，那么假如我知道R1 G1 B1的值，要求R2 G2 B2对应值咋办呢，解一个三元一次方程也不是不行，我幼儿园的表弟也是这么想的。其实这里如果引入线性代数的知识，一切都会简单很多。

R1 G1 B1与R2 G2 B2的关系可以表示成：

那么根据小学二年级的线性代数知识，两边同时左乘A矩阵的逆，就可以得到：

那么求出A矩阵的逆之后，不难得到：

什么？你不会求矩阵的逆？哪里难了，有的时候找找自己的原因，这么多年了知识涨没涨，有没有认真学习（狗头

不废话，至此，运用了线性代数的知识后，我们不难发现，所谓不同的颜色空间之间的转换，无非就是向量基之间的转换罢了，我想这个概念应该学过线代的都很熟悉。那么如果把R1 G1 B1作为标准坐标系，绘制出的R2 G2 B2如图。并根据上面推出的关系绘制出的立体空间，空间内的任意一点都能表示一种颜色。那么显然，R1 G1 B1的立体空间更大，证明R1 G1 B1色彩空间中包含的颜色也会更多。

如果把R2 G2 B2作为标准坐标系，绘制出R1 G1 B1坐标系，得到的结论也是一样的：

（如果觉得图很抽象看不懂，可以去这个网站里自己体验一下：https://ciechanow.ski/color-spaces/）

sRGB

sRGB全称standard Red Green Blue，是一些影像巨头共同开发的一种彩色语言协议，其换算的公式本质就是一个γ值为2.2的gamma变换。至于为什么是2.2，这个和CRT（阴极射线管）显示器的工作原理相关了，不同的显示器gamma值也会不同，这里先按下不表。gamma变换的公式为 $S=x^{ \gamma }$ ，如图：

如图，例如一个像素的RGB值为[0.1, 0.2, 0.3]，那么输出的sRGB就是[ $0.1^{2.2}$ ， $0.2 ^{2.2}$ ， $0.3^{2.2}$ ]，简单易懂嗷兄弟们。

当然对此也有更深的理解，本科学过CV或者数字图像处理的同学应该知道，gamma变换通常与图像的对比度挂钩。当γ值大于1的时候，图像是整体变暗的。看起来和RGB没啥区别，那为什么好好的RGB不用，偏要整个sRGB出来呢？

这是因为我们人眼的视觉规律是非线性的，即人眼对暗域的变化更加敏感，下面来一个生动形象的例子：已知下面两张图最左边的色块和最右边的色块RGB分别为[0 0 0]和[255 255 255]，请问中间一部分的色块哪块最接近[128 128 128]？

我问了我身边的一些非相关专业的同学，基本都是选择了上面的左3和下面的第5个。如果结果和这个差不多朋友，恭喜你，你的眼睛是正常的。但是实际情况是什么？

如果非说要有个正确答案，那是图一的第5个和图二的右3。通过这个例子应该不难理解，人眼会觉得图一右侧的四张图亮度的差距会比左侧四张图的差距小，换句话说就是人眼对暗处的亮度变化更加敏感。而图二正是图一的RGB转成sRGB后的情况，所以人眼会觉得中间才是最接近[128 128 128]的，很好的证明了sRGB是符合人眼特性的。

XYZ

XYZ是另一种表示颜色的方法，也叫三刺激值。在了解XYZ的由来以及含义前，非常有必要先知道，人眼是如何感知颜色的。目前大多人认可的是“阶段学说”，在人类的视网膜上有三种不同的感光锥体，因此可以使用三种颜色（但不是我们说的三原色RGB，至于为什么不是我下面解释）进行混加使得大脑呈现所有的颜色。当然混加也不是单纯的线性，而是一个复杂过程，这里有机会再深入学习一下（给自己挖个坑立个flag）。

重要的是，人类视觉系统的三色性，到底是哪三色？CIE为了探究这个答案，做了人眼色觉匹配实验，得到了如下图的结果。x轴是不同波长，y轴是归一化后的强度。

第一眼看这图，咋还有负数，这部瞎扯淡嘛，虚空的红？其实这就是为什么人类视觉系统的三色性中的三色（下面就简称三色）不是RGB的原因。

首先这张图的x坐标代表的是波长，在小学二年级的光学里我们就知道，对应于单一波长的颜色称为光谱颜色，也就是说，这个是我们定义颜色（无论在你脑子呈现的是什么颜色），例如波长为570nm的电磁波它就是纯黄色。这里有一点要注意，颜色之间没有一个硬性的界限，说过了这个波长它就是什么颜色，也就不存在单一的“光谱红色”。所以说了那么多p话，总结一句就是，如果把RGB作为三色，就会出现这样的负数问题证明普通RGB真不行。

我来举个例子：回顾一下我一开始举的两个色彩空间的例子，R1 G1 B1和R2 G2 B2，我们知道，R1 G1 B1色彩空间包含的颜色是比R2 G2 B2大的，那么如果R1 G1 B1为[1 0 0]，我怎么用R2 G2 B2来表示呢？你会发现，就算R2拉满，仍然不够红，如果把数据直接带到公式里面计算，则R2 G2 B2就为[1.471, -0.471, 0]。R2超出了1很好理解，就是R2 G2 B2颜色空间中的红不够嘛。这个负数就很抽象了，他与上面实验出现的负数有着异曲同工之妙。

上图是R2 G2 B2[1 0 0]和R1 G1 B1[1 0 0]，显然，左边是不够红的，但其实也可以理解成，右边是不够绿的，那么我们可以再右边加上一点绿，直至两边的颜色看起来相同，用式子能更直观：

1.0 * R1 + 0.0 * G1 + 0.0 * B1 = (TARGET) + 0.2 * G1

（我们随便假设是0.2吧，反正就是适量）

然后我们再将式子进行移项，也就可以得到：

1.0 * R1 + 0.0 * G1 + 0.0 * B1 - 0.2 * G1 = (TARGET)

通过阅读式子，我们可以知道，要想将左侧的颜色与右侧的目标颜色匹配，则需要在左边加上负量的绿光。从线性代数的知识也能理解，我们回顾一下这张图：

如果颜色点在R1 G1 B1和R2 G2 B2点内，那么不会出现负量的情况。但如果颜色点在R1 G1 B1内，在R2 G2 B2外，显然，R2 G2 B2一定会出现负数才能表示该颜色点。

当然，负量在现实世界上是无法做到的，就像XYZ一样（虽然XYZ色彩空间也不存在负量），不存在一个特定的颜色能表示XYZ或者说负量是没有实际物理意义的，但是很多的颜色空间都是数学模型，从数学上来说是完全可行的，只要我们最后再将这个色彩空间转换回物理显示器能显示的色彩空间（比如说sRGB）就可以了。实际上图像的传输也确实是这个流程。

图源： https://www.youtube.com/watch?v=cGyLHxn16pE&list=RDCMUCnUYZLuoy1rq1aVMwx4aTzw&start_radio=1&t=10s

我们回到正题，CIE将实验的R光波长定为为700.0 nm，G光为546.1 nm，B光为435.8 nm。我以570 nm作为例子，从颜色匹配图中可以看出，匹配570nm对应的颜色需要 0.16768 个单位的 R、0.17087 个单位的 G 和 -0.00135 个单位的 B。一组三个 RGB 坐标可以表示成一个三位的坐标，那么把所有的颜色都绘制在一个三维的坐标系上，可以得到下图的结果：