RGB的三维模型与渐变色-颜色系列之一

⼀、前⾔

以下与颜⾊相关的⽇志记录了俺学习颜⾊的有关容，限于编写时的⽔平，难免存在缺点与错误，希望得到朋友、同⾏和前辈的指教，⾮常感谢。1. 2. 3. 4. 5. 6. 7.

⼆、问题的提出

在《》⾥，有这样的介绍：在《》⾥，有这样的介绍：

（也翻译为“红绿蓝”，⽐较少⽤）是⼯业界的⼀种颜⾊标准，是通过对红(R)、绿(G)、蓝(B)三个颜⾊的变化以及它们相互之间的叠加来得到各式各样的颜⾊的，RGB即是代表红、绿、蓝三个通道的颜⾊，这个标准⼏乎包括了⼈类视⼒所能感知的所有颜⾊，是⽬前运⽤最⼴的之⼀。

　　RGB模式使⽤为图像中每⼀个的RGB分量分配⼀个0~255范围内的强度值。RGB图像只使⽤三种颜⾊，就可以使它们按照不同的⽐例混合，在屏幕上重现16777216种颜⾊。

　　在 RGB 模式下，每种 RGB 成分都可使⽤从 0（⿊⾊）到 255（⽩⾊）的值。 例如，亮红⾊使⽤ R 值 255、G 值 0 和 B 值 0。 当所有三种成分值相等时，产⽣灰⾊阴影。当所有成分的值均为 255 时，结果是纯⽩⾊；当该值为 0 时，结果是纯⿊⾊。　

三、 建⽴渐变⾊的⽴⽅体（三维）模型

依据以上资料，确定原点为⿊⾊、顶点为⽩⾊和三条坐标轴的顶点分别为R-红、G-绿、B-蓝，那么其它3个顶点的颜⾊也就确定了，绘出连颜⾊代码[255-ff，（255，255，255）-ffffff-fff]⼀起的⽴⽅体如下图所⽰。

上图是参照F8的颜⾊样式代码数列《0-3-6-9-c-f》绘制的，其差为：(2e)=3*16+3=51，⽤此差值分割⼤⽴⽅体，便得到6*6*6=216个⼩⽴⽅体，每个⼩⽴⽅体代表着⼀种渐变⾊。

四、 根据⽴⽅体六个⾯的顶点颜⾊做出该平⾯的渐变颜⾊如下

1. ⿊-绿-蓝-青⾯的中⽴⽅颜⾊渐变如下表2. ⿊-红-蓝-紫⾯的中⽴⽅颜⾊渐变如下表

3. ⿊-绿-红-黄⾯的中⽴⽅颜⾊渐变如下表4. 红-黄-紫-⽩⾯的中⽴⽅颜⾊渐变如下表

5. 绿-青-黄-⽩⾯的中⽴⽅颜⾊渐变如下表6. 蓝-青-紫-⽩⾯的中⽴⽅颜⾊渐变如下表

五、 将以上6个⾯的⽴⽅体外观渐变颜⾊组合的⼤⽴⽅体全貌

从下图可以数出⿊-⽩-红-绿-蓝-黄-青-紫各颜⾊与后⼀种颜⾊之间的渐变，共有7+6+5+4+3+2+1=28种基本渐变关系。

六、 ⽴⽅体六个⾯的外观渐变颜⾊代码

1. 蓝-青-⿊-绿⾯的中⽴⽅颜⾊渐变如下表2. ⿊-红-蓝-紫⾯的中⽴⽅颜⾊渐变如下表

0f00c0090060030000

0f30c3093063033003

0f60c6096066036006

0f90c9099069039009

0fc0cc09c06c03c00c

0ff0cf09f06f03f00f

f00c00900600300000

f03c03903603303003

f06c06906606306006

f09c09909609309f09

f0cc0c90c60c30cf0c

f0fc0f90f60f30f00f

4. 红-黄-紫-⽩⾯的中⽴⽅颜⾊渐变如下表

3. ⿊-绿-红-黄⾯的中⽴⽅颜⾊渐变如下表

ff0fc0f90f60f30f00

ff0 fc0f90f60f30f00

ff3fc3f93f63f33f03

ff6fc6f96f66f36f06

ff9fc9f99f69f39f09

ffcfccf9cf6cf3cf0c

ffffcff9ff6ff3ff0f

0f00c0090060030000

3f03c0390360330300

6f06c0690660630600

9f09c0990960930900

cf0cc0c90c60c30c00

5. 绿-青-黄-⽩⾯的中⽴⽅颜⾊渐变如下表6. 紫-⽩-蓝-青⾯的中⽴⽅颜⾊渐变如下表

0ff0fc0f90f60f30f0

3ff3fc3f93f63f33f0

6ff6fc 6f96f66f36f0

9ff9fc9f99f69f39f0

cffcfccf9cf6cf3cf0

fffffcff9ff6ff3ff0

0ff0cf09f06f03f00f

3ff3cf39f36f33f30f

6ff6cf69f66f63f60f

9ff9cf99f96f93f90f

cffccfc9fc6fc3fc0f

ffffcff9ff6ff3ff0f

七、红-黄-紫-⽩⾯及以下各层⼩⽴⽅的颜⾊渐变及代码

1. 该层第1个字母“f”层ff0 fc0f90

ff3fc3f93ff6fc6f96ff9fc9f99ffcfccf9cffffcff9f2. 以下第1个字母“c”层 cf0cc0c90

cf3cc3c93cf6cc6c96cf9cc9c99cfccccc9ccffccfc9f3. 以下第1个字母“9”层9f09c0990960930900

9f39c3993963933903

9f69c6996966936906

9f99c9999969939909

9fc9cc99c9ff9cf99f4. 以下第1个字母“6”层 6f06c0690660630600

6f36c3693663633603

6f66c6696666636606

6f96c9699669639609

6fc6cc69c6ff6cf69f5. 以下第1个字母“3”层

6. 以下第1个字母“0”层0f0

0f30c3093063033003

0f60c6096066036006

0f90c9099069039009

0fc0cc09c0ff0cf09f3f03c0390360330300

3f33c3393363333303

cf63c6396366336306

3f93c9399369339309

3fc3cc39c3ff

0c0

3cf

090

39f

060

030

000

⼋、 讨论

以上6层渐变颜⾊，当顺时针旋转90°就与下图（ F8颜⾊样式的截图）相对应了，也与俺的⽇志《》⾥的6个菱形颜⾊渐变组件是对应的。

上排从左⾄右：第1组 ＃000000（⿊）-#00FFFF（青）--相当于第1个字母“0”层。 第2组 #330000-#33FFFF --相当于第1个字母“3”层。 第3组 #660000-#66FFFF--相当于第1个字母“6”层。下排从左⾄右：第4组 ＃990000-＃99FFFF -- 相当于第1个字母“9”层。 第5组 ＃CC0000-#CCFFFF --相当于第1个字母“c”层。

第6组 #FF0000（红)-#FFFFFF（⽩）--相当于第1个字母“f”层。

九、 16*16红-黄-紫-⽩⾯颜⾊渐变代码

ff0fe0fd0

ff1fe1fd1

ff2fe2fd2

ff3fe3fd3

ff4fe4fd4

ff5fe5fd5

ff6fe6fd6

ff7fe7fd7

ff8fe8fd8

ff9fe9fd9

ffafeafda

ffbfebfdb

ffcfecfdc

ffdfedfdd

ffefeefde

ffffeffdf

fc0fb0fa0f90f80f70f60f50f40f30f20f10f00

fc1fb1fa1f91f81f71f61f51f41f31f21f11f01

fc2fb2fa2f92f82f72f62f52f42f32f22f12f02

fc3fb3fa3f93f83f73f63f53f43f33f23f13f03

fc4fb4fa4f94f84f74f64f54f44f34f24f14f04

fc5fb5fa5f95f85f75f65f55f45f35f25f15f05

fc6fb6fa6f96f86f76f66f56f46f36f26f16f06

fc7fb7fa7f97f87f77f67fb7f47f37f27f17f07

fc8fb8fa8f98f88f78f68f58f48f38f28f18f08

fc9fb9fa9f99f89f79f69f59f49f39f29f19f09

fcafbafaaf9af8af7af6af5af4af3af2af1af0a

fcbfbbfabf9bf8bf7bf6bf5bf4bf3bf2bf1bf0b

fccfbcfacf9cf8cf7cf6cf5cf4cf3cf2cf1cf0c

fcdfbdfadf9df8df7df6df5df4df3df2df1df0d

fcefbefaef9ef8ef7ef6ef5ef4ef3ef2ef1ef0e

fcffbffaff9ff8ff7ff6ff5ff4ff3ff2ff1ff0f

⼗、 将上⾯的代码和框线都去掉时

虽然是按{（11）=16*1+1=17}颜⾊差绘制的颜⾊渐变表，⽤⾁眼看就有很好的连续性，很难分辨出任意⼀处⼤⼀些颜⾊差，⽐如#f02-f05（或f32）{（33）=16*3+3=51}范围内的颜⾊差别，所以，⽴⽅体颜⾊渐变没有细分得太⼩的必要，这就是花费那么多时间将代码和框线去掉要说明的。

⼗⼀、 关于CMYK⾊彩模式

RGB⾊彩模式（也翻译为“红绿蓝”，⽐较少⽤）是⼯业界的⼀种颜⾊标准，是通过对红(R)、绿(G)、蓝(B)三个颜⾊通道的变化以及它们相互之间的叠加来得到各式各样的颜⾊的，RGB即是代表红、绿、蓝三个通道的颜⾊，这个标准⼏乎包括了⼈ CMYK也称作印刷⾊彩模式，是⼀种依靠反光的⾊彩模式，和RGB类似，CMY是3种印刷油墨名称的⾸字母：青⾊Cyan、品红⾊Magenta、黄⾊Yellow。⽽K取的是black最后⼀个字母，之所以不取⾸字母，是为了避免与蓝⾊RGB 是⼈眼可见光的三原⾊这种颜⾊模式主要⽤于发光显⽰设备。

CMY 是物质的三原⾊加上K 就成了彩⾊印刷时⽤的四种油墨的颜⾊。

虽然是两种⾊彩系统但如果没有光物质就⽆法呈现各种颜⾊；如果没有物质除了光源之外的部分就是⼀⽚⿊暗。所以这两个系统其实是⼀个系统！