一、前言
以下与颜色相关的日志记录了俺学习颜色的有关容,限于编写时的水平,难免存在缺点与错误,希望得到朋友、同行和前辈的指教,非常感谢。
1. RGB的三维模型与渐变色-颜色系列之一
2. 《颜色代码自调器》的构成及其操作-颜色系列之二
3. H型各颜色代码渐变的调色规律-颜色系列之三
4. 教你如何分析颜色代码的颜色-颜色系列之四
5. GIF综述及彩信格式-颜色系列之五
6. 颜色代码-色卡-带中文名颜色代码汇总-颜色系列之六
二、问题的提出
在《RGB色彩模式》里,有这样的介绍:
RGB色彩模式(也翻译为“红绿蓝”,比较少用)是工业界的一种颜色标准,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即是代表红、绿、蓝三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。
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. 黑-红-蓝-紫面的中立方颜色渐变如下表
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
3. 黑-绿-红-黄面的中立方颜色渐变如下表
|
4. 红-黄-紫-白面的中立方颜色渐变如下表
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
5. 绿-青-黄-白面的中立方颜色渐变如下表
|
6. 紫-白-蓝-青面的中立方颜色渐变如下表
|
七、红-黄-紫-白面及以下各层小立方的颜色渐变及代码
1. 该层第1个字母“f”层
|
2. 以下第1个字母“c”层
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
3. 以下第1个字母“9”层
|
4. 以下第1个字母“6”层
|
||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
5. 以下第1个字母“3”层
|
6. 以下第1个字母“0”层
|
八、 讨论
以上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红-黄-紫-白面颜色渐变代码
ff0 | ff1 | ff2 | ff3 | ff4 | ff5 | ff6 | ff7 | ff8 | ff9 | ffa | ffb | ffc | ffd | ffe | fff |
fe0 | fe1 | fe2 | fe3 | fe4 | fe5 | fe6 | fe7 | fe8 | fe9 | fea | feb | fec | fed | fee | fef |
fd0 | fd1 | fd2 | fd3 | fd4 | fd5 | fd6 | fd7 | fd8 | fd9 | fda | fdb | fdc | fdd | fde | fdf |
fc0 | fc1 | fc2 | fc3 | fc4 | fc5 | fc6 | fc7 | fc8 | fc9 | fca | fcb | fcc | fcd | fce | fcf |
fb0 | fb1 | fb2 | fb3 | fb4 | fb5 | fb6 | fb7 | fb8 | fb9 | fba | fbb | fbc | fbd | fbe | fbf |
fa0 | fa1 | fa2 | fa3 | fa4 | fa5 | fa6 | fa7 | fa8 | fa9 | faa | fab | fac | fad | fae | faf |
f90 | f91 | f92 | f93 | f94 | f95 | f96 | f97 | f98 | f99 | f9a | f9b | f9c | f9d | f9e | f9f |
f80 | f81 | f82 | f83 | f84 | f85 | f86 | f87 | f88 | f89 | f8a | f8b | f8c | f8d | f8e | f8f |
f70 | f71 | f72 | f73 | f74 | f75 | f76 | f77 | f78 | f79 | f7a | f7b | f7c | f7d | f7e | f7f |
f60 | f61 | f62 | f63 | f64 | f65 | f66 | f67 | f68 | f69 | f6a | f6b | f6c | f6d | f6e | f6f |
f50 | f51 | f52 | f53 | f54 | f55 | f56 | fb7 | f58 | f59 | f5a | f5b | f5c | f5d | f5e | f5f |
f40 | f41 | f42 | f43 | f44 | f45 | f46 | f47 | f48 | f49 | f4a | f4b | f4c | f4d | f4e | f4f |
f30 | f31 | f32 | f33 | f34 | f35 | f36 | f37 | f38 | f39 | f3a | f3b | f3c | f3d | f3e | f3f |
f20 | f21 | f22 | f23 | f24 | f25 | f26 | f27 | f28 | f29 | f2a | f2b | f2c | f2d | f2e | f2f |
f10 | f11 | f12 | f13 | f14 | f15 | f16 | f17 | f18 | f19 | f1a | f1b | f1c | f1d | f1e | f1f |
f00 | f01 | f02 | f03 | f04 | f05 | f06 | f07 | f08 | f09 | f0a | f0b | f0c | f0d | f0e | f0f |
十、 将上面的代码和框线都去掉时
虽然是按{(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最后一个字母,之所以不取首字母,是为了避免与蓝色(Blue)混淆。从理论上来说,只需要CMY三种油墨就足够了,它们三个加在一起就应该得到黑色。但是由于目前制造工艺还不能造出高纯度的油墨,CMY相加的结果实际是一种暗红色。
RGB 是人眼可见光的三原色这种颜色模式主要用于发光显示设备。 CMY 是物质的三原色加上K 就成了彩色印刷时用的四种油墨的颜色。 虽然是两种色彩系统但如果没有光物质就无法呈现各种颜色;如果没有物质除了光源之外的部分就是一片黑暗。所以这两个系统其实是一个系统!