RGB的三维模型与渐变色-颜色系列之一
2016-06-08 13:41
344 查看
一、前言
以下与颜色相关的日志记录了俺学习颜色的有关容,限于编写时的水平,难免存在缺点与错误,希望得到朋友、同行和前辈的指教,非常感谢。1.
2.
3.
4.
5.
6.
7.
二、问题的提出
在《RGB色彩模式》里,有这样的介绍:
RGB
在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.蓝-青-紫-白面的中立方颜色渐变如下表 |
从下图可以数出黑-白-红-绿-蓝-黄-青-紫各颜色与后一种颜色之间的渐变,共有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颜色样式的截图)相对应了,也与俺的日志《
上排从左至右:第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就成了彩色印刷时用的四种油墨的颜色。
虽然是两种色彩系统但如果没有光物质就无法呈现各种颜色;如果没有物质除了光源之外的部分就是一片黑暗。所以这两个系统其实是一个系统!
相关文章推荐
- C# 获取CPU序列号、网卡MAC地址、硬盘序列号封装类,用于软件绑定电脑
- CF1B Spreadsheet
- android memory tips
- 解决三星note5无线充电偶尔充不进去的问题
- 微信公众号开发--获取用户信息中文乱码的解决方案
- 调用.so 文件时报错has text relocations(转载)
- apache/httpd安装
- Python爬虫使用Selenium+PhantomJS抓取Ajax和动态HTML内容
- JavaScript 随机数记录demo
- 腾讯 构造回文
- 如何更好地学习dubbo源代码
- PHP安装memcache
- 又是一个渐变色生成算法
- shell脚本批量移动文件
- JavaScript 排序demo
- 友元函数计算两点间的距离
- Querying data
- Apache服务以及httpd.conf配置详解
- popViewControllerAnimated 后的viewController代理方法执行问题
- 构建之法阅读笔记02