您的位置：首页 > 其它

RGB的三维模型与渐变色

2017-01-11 09:25 561 查看
转自：http://www.cnblogs.com/Free-Thinker/p/5569792.html


一、前言

以下与颜色相关的日志记录了俺学习颜色的有关容，限于编写时的水平，难免存在缺点与错误，希望得到朋友、同行和前辈的指教，非常感谢。

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

2.《颜色代码自调器》的构成及其操作-颜色系列之二

3.H型各颜色代码渐变的调色规律-颜色系列之三

4.教你如何分析颜色代码的颜色-颜色系列之四

5.GIF综述及彩信格式-颜色系列之五

6.颜色代码-色卡-带中文名颜色代码汇总-颜色系列之六

7.十六进制速记的html颜色代码-已命名颜色


二、问题的提出


在《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.蓝-青-黑-绿面的中立方颜色渐变如下表
0f00f30f60f90fc0ff
0c00c30c60c90cc0cf
09009309609909c09f
06006306606906c06f
03003303603903c03f
00000300600900c00f
2.黑-红-蓝-紫面的中立方颜色渐变如下表
f00f03f06f09f0cf0f
c00c03c06c09c0cc0f
90090390690990c90f
60060360660960c60f
30030330630930c30f
000003006f09f0c00f
3.黑-绿-红-黄面的中立方颜色渐变如下表
0f03f06f09f0cf0ff0
0c03c06c09c0cc0fc0
090390690990c90f90
060360660960c60f60
030330630930c30f30
000300600900c00f00
4.红-黄-紫-白面的中立方颜色渐变如下表

ff0ff3ff6ff9ffcfff
fc0fc3fc6fc9fccfcf
f90f93f96f99f9cf9f
f60f63f66f69f6cf6f
f30f33f36f39f3cf3f
f00f03f06f09f0cf0f
5.绿-青-黄-白面的中立方颜色渐变如下表

0ff3ff6ff9ffcfffff
0fc3fc6fc9fccfcffc
0f93f96f99f9cf9ff9
0f63f66f69f6cf6ff6
0f33f36f39f3cf3ff3
0f03f06f09f0cf0ff0
6.紫-白-蓝-青面的中立方颜色渐变如下表

0ff3ff6ff9ffcfffff
0cf3cf6cf9cfccffcf
09f39f69f99fc9ff9f
06f36f66f96fc6ff6f
03f33f63f93fc3ff3f
00f30f60f90fc0ff0f
七、红-黄-紫-白面及以下各层小立方的颜色渐变及代码

1.该层第1个字母“f”层
ff0ff3ff6ff9ffcfff
fc0fc3fc6fc9fccfcf
f90f93f96f99f9cf9f
f60f63f66f69f6cf6f
f30f33f36f39f3cf3f
f00f03f06f09f0cf0f
2.以下第1个字母“c”层

cf0cf3cf6cf9cfccff
cc0cc3cc6cc9cccccf
c90c93c96c99c9cc9f
c60c63c66c69c6cc6f
c30c33c36c39c3cc3f
c00c03c06c09c0cc0f
3.以下第1个字母“9”层
9f09f39f69f99fc9ff
9c09c39c69c99cc9cf
99099399699999c99f
96096396696996c96f
93093393693993c93f
90090390690990c90f
4.以下第1个字母“6”层
6f06f36f66f96fc6ff
6c06c36c66c96cc6cf
69069369669969c69f
66066366666966c66f
63063363663963c63f
60060360660960c60f
5.以下第1个字母“3”层

3f03f3cf63f93fc3ff
3c03c33c63c93cc3cf
39039339639939c39f
36036336636936c36f
33033333633933c33f
30030330630930c30f
6.以下第1个字母“0”层
0f00f30f60f90fc0ff
0c00c30c60c90cc0cf
09009309609909c09f
06006306606906c06f
03003303603903c03f
00000300600900c00f
八、讨论

以上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红-黄-紫-白面颜色渐变代码

ff0ff1ff2ff3ff4ff5ff6ff7ff8ff9ffaffbffcffdffefff
fe0fe1fe2fe3fe4fe5fe6fe7fe8fe9feafebfecfedfeefef
fd0fd1fd2fd3fd4fd5fd6fd7fd8fd9fdafdbfdcfddfdefdf
fc0fc1fc2fc3fc4fc5fc6fc7fc8fc9fcafcbfccfcdfcefcf
fb0fb1fb2fb3fb4fb5fb6fb7fb8fb9fbafbbfbcfbdfbefbf
fa0fa1fa2fa3fa4fa5fa6fa7fa8fa9faafabfacfadfaefaf
f90f91f92f93f94f95f96f97f98f99f9af9bf9cf9df9ef9f
f80f81f82f83f84f85f86f87f88f89f8af8bf8cf8df8ef8f
f70f71f72f73f74f75f76f77f78f79f7af7bf7cf7df7ef7f
f60f61f62f63f64f65f66f67f68f69f6af6bf6cf6df6ef6f
f50f51f52f53f54f55f56fb7f58f59f5af5bf5cf5df5ef5f
f40f41f42f43f44f45f46f47f48f49f4af4bf4cf4df4ef4f
f30f31f32f33f34f35f36f37f38f39f3af3bf3cf3df3ef3f
f20f21f22f23f24f25f26f27f28f29f2af2bf2cf2df2ef2f
f10f11f12f13f14f15f16f17f18f19f1af1bf1cf1df1ef1f
f00f01f02f03f04f05f06f07f08f09f0af0bf0cf0df0ef0f
十、将上面的代码和框线都去掉时

虽然是按{（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就成了彩色印刷时用的四种油墨的颜色。
虽然是两种色彩系统但如果没有光物质就无法呈现各种颜色；如果没有物质除了光源之外的部分就是一片黑暗。所以这两个系统其实是一个系统

                                            

                                        

                        
                        内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息 
                    

                    

                    

                        

                         标签： 
                                                

                        

                    


                

            


            

                
相关文章推荐

                

                
            

        

        

            

            
            

                

                    
新的分享

                    

                        
                    

                

            


            

                

                    
章节导航