阅读 61

rgb模型如何表示颜色,三色渐变

一、前言以下颜色相关日志记录了我对颜色的学习内容。 仅限于写作的水平,缺点和错误是不可避免的。 感谢朋友、同行、前辈的教导。

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

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

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

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

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

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

7.16进制速记html颜色代码-命名颜色

二、问题的提出在《RGB色彩模式》,RGB色彩模式(又称“红绿蓝”,相对较少使用)是工业界的一个色彩标准,红(r )、绿(蓝)、b )三个色彩通道的变化将它们重叠RGB表示红、蓝的RGB颜色模式使用RGB模型为图像中每个像素的RGB分量指定0到255之间的强度值。 RGB图像只需使用3种颜色,就可以按不同的比例混合,在画面上再现16777216种颜色。

在RGB模式下,每个RGB分量可以使用0 (黑色)到255 (黑色)的值。 例如,浅红色使用r值255、g值0和b值0。 如果三个分量的值都相等,则会产生灰色阴影。 所有成分值为255时,结果为纯白; 如果该值为0,则结果为纯黑。  

三、 建立渐变色的立方体(三维)模型

根据以上资料,确定了原点为黑、顶点为白、三个坐标轴的顶点分别为R-红、G-绿、B-蓝后,其他三个顶点的颜色也确定了,连色码http://www.Sina.com/255-http://ww358

上图是参照F8的颜色模式代码数列《0-3-6-9-c-f》描绘的,其差为(2e(=3*16 )3=51,如果用该差分割大的立方体,则得到6*6*6=216个小立方体,每个小立方体都是渐变的

[

1 .黑-绿-蓝-青面中立方色渐变如下表

2 .黑-红-蓝-紫面的中立方色渐变如下表所示

3 .黑-绿-红-黄面中立方色渐变如下表

4 .红-黄-紫-白面中立方色渐变如下表所示

5 .绿-蓝-黄-白面中立方色渐变如下表

6 .蓝-蓝-紫-白面中立方色渐变如下表所示

ff,

由下图可以计数出黑-白-红-绿-蓝-黄-蓝-紫各色与后者颜色之间的渐变,共有7 6 5 4 3 2 1=28种基本的渐变关系。

ffffff-fff]

1 .蓝-蓝-黑-绿面中立方色渐变如下表所示

0f 00 f 30 f 60 f 90 fc 0ff0 c 00 c 30 c 90 cc0cf 09009309609909 c09 f 0600606906 c06 f 03003303603903 c 03 f 0000300300030000600900 c 00 f 060000 f 060000

2 .黑-红-蓝-紫面的中立方色渐变如下表所示

f 00 f 03 f 06 f 09 f0cf 0f c 00 c 03 c06 c09 c 0cc 0f

90090390690990c90f60060360660960c60f30030330630930c30f000003006f09f0c00f

 

3.  黑-绿-红-黄面的中立方颜色渐变如下表

0f03f06f09f0cf0ff00c03c06c09c0cc0fc0090390690990c90f90060360660960c60f60030330630930c30f30000300600900c00f00

 

4.  红-黄-紫-白面的中立方颜色渐变如下表

 

ff0 ff3ff6ff9ffcffffc0fc3fc6fc9fccfcff90f93f96f99f9cf9ff60f63f66f69f6cf6ff30f33f36f39f3cf3ff00f03f06f09f0cf0f

 

5.  绿-青-黄-白面的中立方颜色渐变如下表

 

0ff3ff6ff9ffcfffff0fc3fc6fc 9fccfcffc0f93f96f99f9cf9ff90f63f66f69f6cf6ff60f33f36f39f3cf3ff30f03f06f09f0cf0ff0    

 

6.  紫-白-蓝-青面的中立方颜色渐变如下表

 

0ff3ff6ff9ffcfffff0cf3cf6cf9cfccffcf09f39f69f99fc9ff9f06f36f66f96fc6ff6f03f33f63f93fc3ff3f00f30f60f90fc0ff0f    

 

七、红-黄-紫-白面及以下各层小立方的颜色渐变及代码

 

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

ff0 ff3ff6ff9ffcffffc0fc3fc6fc9fccfcff90f93f96f99f9cf9ff60f63f66f69f6cf6ff30f33f36f39f3cf3ff00f03f06f09f0cf0f

 

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

 

cf0cf3cf6cf9cfccffcc0cc3cc6cc9cccccfc90c93c96c99c9cc9fc60c63c66c69c6cc6fc30c33c36c39c3cc3fc00c03c06c09c0cc0f

 

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

9f09f39f69f99fc9ff9c09c39c69c99cc9cf99099399699999c99f96096396696996c96f93093393693993c93f90090390690990c90f

 

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

6f06f36f66f96fc6ff6c06c36c66c96cc6cf69069369669969c69f66066366666966c66f63063363663963c63f60060360660960c60f

 

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

 

3f03f3cf63f93fc3ff3c03c33c63c93cc3cf39039339639939c39f36036336636936c36f33033333633933c33f30030330630930c30f

 

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

0f00f30f60f90fc0ff0c00c30c60c90cc0cf09009309609909c09f06006306606906c06f03003303603903c03f00000300600900c00f

 

 

   

 八、 讨论

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

 

 

ff0ff1ff2ff3ff4ff5ff6ff7ff8ff9ffaffbffcffdffeffffe0fe1fe2fe3fe4fe5fe6fe7fe8fe9feafebfecfedfeefeffd0fd1fd2fd3fd4fd5fd6fd7fd8fd9fdafdbfdcfddfdefdffc0fc1fc2fc3fc4fc5fc6fc7fc8fc9fcafcbfccfcdfcefcffb0fb1fb2fb3fb4fb5fb6fb7fb8fb9fbafbbfbcfbdfbefbffa0fa1fa2fa3fa4fa5fa6fa7fa8fa9faafabfacfadfaefaff90f91f92f93f94f95f96f97f98f99f9af9bf9cf9df9ef9ff80f81f82f83f84f85f86f87f88f89f8af8bf8cf8df8ef8ff70f71f72f73f74f75f76f77f78f79f7af7bf7cf7df7ef7ff60f61f62f63f64f65f66f67f68f69f6af6bf6cf6df6ef6ff50f51f52f53f54f55f56fb7f58f59f5af5bf5cf5df5ef5ff40f41f42f43f44f45f46f47f48f49f4af4bf4cf4df4ef4ff30f31f32f33f34f35f36f37f38f39f3af3bf3cf3df3ef3ff20f21f22f23f24f25f26f27f28f29f2af2bf2cf2df2ef2ff10f11f12f13f14f15f16f17f18f19f1af1bf1cf1df1ef1ff00f01f02f03f04f05f06f07f08f09f0af0bf0cf0df0ef0f

   

 

 

十、 将上面的代码和框线都去掉时

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


文章分类
代码人生
版权声明:本站是系统测试站点,无实际运营。本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 XXXXXXo@163.com 举报,一经查实,本站将立刻删除。
相关推荐