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. 蓝-青-⿊-绿⾯的中⽴⽅颜⾊渐变如下表
0f00f30f60f90fc0ff 0c00c30c60c90cc0cf 09009309609909c09f 06006306606906c06f 03003303603903c03f 00000300600900c00f 2. ⿊-红-蓝-紫⾯的中⽴⽅颜⾊渐变如下表
f00f03f06f09f0c f0f c00c03c06c09c0c c0f 90090390690990c90f 60060360660960c60f 30030330630930c30f 000003006f09f0c00f
3. ⿊-绿-红-黄⾯的中⽴⽅颜⾊渐变如下表
0f03f06f09f0cf0ff0 0c03c06c09c0cc0fc0 0903********c90f90 060360660960c60f60 030330630930c30f30 000300600900c00f004. 红-黄-紫-⽩⾯的中⽴⽅颜⾊渐变如下表
ff0 ff3ff6ff9ffc fff fc0fc3fc6fc9fcc fcf f90f93f96f99f9c f9f f60f63f66f69f6c f6f f30f33f36f39f3c f3f f00f03f06f09f0c f0f
5. 绿-青-黄-⽩⾯的中⽴⽅颜⾊渐变如下表
0ff3ff6ff9ff cff fff 0fc3fc6fc 9fc cfc ffc 0f93f96f99f9cf9ff9 0f63f66f69f6cf6ff6 0f33f36f39f3cf3ff3 0f03f06f09f0cf0ff06. 紫-⽩-蓝-青⾯的中⽴⽅颜⾊渐变如下表
0ff3ff6ff9ff cff fff 0cf3cf6cf9cf ccf fcf 09f39f69f99f c9f f9f 06f36f66f96f c6f f6f 03f33f63f93f c3f f3f 00f30f60f90f c0f f0f
七、红-黄-紫-⽩⾯及以下各层⼩⽴⽅的颜⾊渐变及代码
1. 该层第1个字母“f”层
ff0 ff3ff6ff9ffc fff fc0fc3fc6fc9fcc fcf f90f93f96f99f9c f9f 2. 以下第1个字母“c”层
cf0cf3cf6cf9cfc cff cc0cc3cc6cc9ccc ccf c90c93c96c99c9c c9f
3. 以下第1个字母“9”层
9f09f39f69f99fc9ff 9c09c39c69c99cc9cf 99099399699999c99f 960963966969 930933936939 9009039069094. 以下第1个字母“6”层
6f06f36f66f96fc6ff 6c06c36c66c96cc6cf 69069369669969c69f 660663666669 630633636639 600603606609
5. 以下第1个字母“3”层
3f03f3cf63f93fc3ff 3c03c33c63c93cc3cf 39039339639939c39f 360363366369 330333336339 3003033063096. 以下第1个字母“0”层
0f00f30f60f90fc0ff 0c00c30c60c90cc0cf 09009309609909c09f 060063066069 030033036039 000003006009
⼋、讨论
以上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红-黄-紫-⽩⾯颜⾊渐变代码
ff0ff1ff2ff3ff4ff5ff6ff7ff8ff9ffa ffb ffc ffd ffe fff
fe0fe1fe2fe3fe4fe5fe6fe7fe8fe9fea feb fec fed fee fef
fd0fd1fd2fd3fd4fd5fd6fd7fd8fd9fda fdb fdc fdd fde fdf
fc0fc1fc2fc3fc4fc5fc6fc7fc8fc9fca fcb fcc fcd fce fcf
fb0fb1fb2fb3fb4fb5fb6fb7fb8fb9fba fbb fbc fbd fbe fbf
fa0fa1fa2fa3fa4fa5fa6fa7fa8fa9faa fab fac fad fae faf
f90f91f92f93f94f95f96f97f98f99f9a f9b f9c f9d f9e f9f
f80f81f82f83f84f85f86f87f88f89f8a f8b f8c f8d f8e f8f
f70f71f72f73f74f75f76f77f78f79f7a f7b f7c f7d f7e f7f
f60f61f62f63f64f65f66f67f68f69f6a f6b f6c f6d f6e f6f
f50f51f52f53f54f55f56fb7f58f59f5a f5b f5c f5d f5e f5f
f40f41f42f43f44f45f46f47f48f49f4a f4b f4c f4d f4e f4f
f30f31f32f33f34f35f36f37f38f39f3a f3b f3c f3d f3e f3f
f20f21f22f23f24f25f26f27f28f29f2a f2b f2c f2d f2e f2f
f10f11f12f13f14f15f16f17f18f19f1a f1b f1c f1d f1e f1f
f00f01f02f03f04f05f06f07f08f09f0a 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最后⼀个字母,之所以不取⾸字母,是为了避免与蓝⾊RGB 是⼈眼可见光的三原⾊这种颜⾊模式主要⽤于发光显⽰设备。
CMY 是物质的三原⾊加上K 就成了彩⾊印刷时⽤的四种油墨的颜⾊。
虽然是两种⾊彩系统但如果没有光物质就⽆法呈现各种颜⾊;如果没有物质除了光源之外的部分就是⼀⽚⿊暗。所以这两个系统其实是⼀个系统!
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论