RGB数值与拾色器的坐标关系

随便给出个RGB数值，在不使用拾色器这类软件的情况下，能否在脑中形成该颜色的大概样子，前段时间研究了下。

在早先的色彩文章中，曾谈过一些颜色和色相变换的基础知识，我们知道，当RGB 三值均为0 时颜色为纯黑，当RGB 三值均为255 时颜色为纯白，当RGB 三值相等时颜色为灰色。那么，假如RGB 三值没有任何关系，随意给出一组RGB 数值，比如R182、G163、B33，是否能不依靠软件来判断该RGB 的大概颜色呢？闲得无聊便研究了下，下面以Photoshop 的标准拾色器来说明。

要想解决这个问题，首先需要知道RGB 三个数值是怎么与拾色器建立对应坐标关系的。在PS 中打开拾色器，用鼠标随便一点，左边选色区域中就会出现一个小圆圈标志，右边RGB数值也会发生变化。如果不断更改RGB三个数值中的任意一个，我们就会发现，有时左边的小圆圈会随着数值的变化而移动，有时又不会，似乎毫无规律可循 ──  这种非线性的变化，让人觉得RGB数值和拾色器似乎没啥对应的坐标关系。

但实际上并非如此。经过我的观察，我总结出这样一个确立坐标的原则：RGB三数值中，最大的数值确定亮度，第二大的数值确定色相，最小的数值确定饱和度并影响色相。那么，在拾色器中哪个是亮度轴、哪个是色相轴、哪个是饱和度轴呢？见下。

色相轴很好理解，就是确认颜色的轴，它由红、绿、蓝三原色和黄、青、品三混合色组成，在有些软件比如Adobe Camera Raw、Lightroom 中，它们会进一步细分成“红、橙、黄、绿、浅绿、蓝、紫、品”八种颜色。亮度轴是选色区域的右边线，这个轴从下到上共有256 个刻度（0~255），这个刻度是绝对而非相对的。饱和度轴是选色区域的下边线，这个轴的刻度是相对的，它的最右端是0，最左端则由RGB三数值中最大的那个数字决定。

上面两段话或许太抽象，用实例来说明一下吧，这里用上面的“R182、G163、B33”来举例。在这组RGB数值中，R值最大、为182，那么根据上面的话“最大的数值确定亮度，亮度轴从下到上共有256个刻度”，我们可以先确定小圆圈标志的亮度位置，如下：

再来看看第二大的数值G163，按照上面说的“第二大的数值确定色相”，R、G 两色数值更高，按照早先色彩文章中说的，红加绿生出黄，这就应该是一种黄色 ──  不过这并不是绝对，我们可以注意到，在色相轴上，黄色相带其实只占非常短的一段，红色（包括橙色）占了非常多，因此我们得看R 和G 的差值有多大：差值越大，色相越接近红色，反之越接近黄色。

那么，这个R 和G 的差值能否和色相轴建立坐标关系呢？答案是可以的。这里首先定义一个词汇，我把它叫作“纯正色相带”。在色相轴上，有六个纯正色相带，见下图：

从下到上分别对应红、黄、绿、青、蓝、品，最上面的红其实是和最下面的红相接的。需要注意的是，这里虽然用了“带”这个字眼，但这六个“纯正色相带”其实只是一个刻度、一条准线而已，或许把它叫作“纯正色相线”更准确。

回到上面的“R182、G163”来说，这两个数值是这样与色相轴建立坐标关系的：它把正红、正黄两个色相带中间的区域划分成了182个刻度，同时表示由正红向正黄偏移163个刻度。见下图：

也就是说，在色相轴上，RGB三数值中，最大的两个数值界定了偏移的区域，其中最大的数值确定了这个区域应该划分的刻度数，第二大的数值确定了偏移量。此时，我们看到色相轴上的游标已进入了黄色相带，但并非正黄色相，毕竟G 值只有163 ──  只有G 值也达到182，那游标才能指示到正黄色相。

最后看看最小的数值B33，它的作用是“确定饱和度并影响色相”。上面说了，饱和度轴“最右端是0，最左端则由RGB三数值中最大的那个数字决定”，即如下图：

当B为0 时，小圆圈标志在最右端。随着B值的增大，会产生两个现象：一是小圆圈标志会往左移动，但不会移到头（182），它只能移到和RGB第二大数值相当的刻度，即163。此后，小圆圈标志会一直保持不动，直到B值超过最大的R值时，小圆圈标志才重新开始移动。二是色相轴的游标在回移，从正黄往正红走，仿佛是在抵消上一步G值产生的偏移。

B值从0 增加到33，小圆圈标志沿着饱和度轴往左移动33 个单位的刻度，同时色相轴上的游标也往正红色相带移动了一点。

B值继续增加到163，小圆圈标志也移动到头不再移动，此时G、B相等，色相又回到了当初的正红。

需要注意的是，在B值从0 增加到163 这一过程中，色相轴的游标移动并不是线性的，它并不像第二步G值时，每增加一个G值游标就有规律地移动一个刻度，有时B值增加了好几个数值，色相轴的游标也没动一下 ──  这里面到底还有什么规律，我没有完全掌握。不过，就实际情况来看，这点并不影响你在脑内补完色彩样貌，因为根据加色法则都知道：最小的B值越接近第二大的G值，那色相就越接近正红；如果第二大的G值和第一大的R值相等，那B值的增加就不会影响色相，色相始终保持正黄，而当B值越接近R、G时，色相就越趋近于灰色。

最后，再换一个例子来加深理解。这里看看“R63，G42，B213”在拾色器上建立坐标的过程。首先，排出最大值B213，直接在亮度轴上确定213这个刻度（总共256个刻度）

其次，第二大数值R63，它表示正蓝色相带与正品色相带间有213 个单位的刻度，色相轴游标从正蓝向正品偏离63 个单位，偏离的比例不多，依然是蓝色相：

最后，最小数值G42，它表示小圆圈标志往左偏离42 个单位（总共213个单位），色相轴游标也要朝正蓝回移一些 ──  如果G值增加到和R值一样，那色相又重新归位到正蓝。

这样，坐标关系就建立完成了。

似乎是有些蛋疼的研究，毕竟，有软件直接填下就知道是什么颜色了，那样远比脑子想准确得多。不过，个人认为，这样研究一下也不错，起码随便给你一个RGB数值时，你就不会毫无思路地乱猜那是什么颜色，现在你有了思路，就可以通过在脑内划定坐标的形式来确定这个RGB值的大概颜色。从某种意义上说，这也算是加深了对颜色的理解吧。

要想测试自己脑内补完的能力，可以随便给自己一个RGB值，然后用鼠标在拾色区域点击，看点出的小圆圈颜色和自己给的RGB值差多远，差距越小，说明自己判断颜色的能力越强。

当然，还有一种更高级的玩法，那就是倒过来玩：随便拿一张图片，让自己判断出图片上某一点的RGB值 ──  就像美剧《越狱》迈克看到的不是建筑物而是建筑物结构一样，届时，你眼睛看到的不是颜色，而是一串串RGB值。好屌，这不是骇客帝国了吗，较色仪神马的都是浮云了...... — —+