Processing编程学习指南1.4 RGB颜色

简介:

1.4 RGB颜色


前面几节的内容帮助你学习了像素坐标、图形尺寸等基础知识。现在是时候学习数位色彩的基础知识了。回想一下童年,还记得手指画吗?通过混合最基础的三种原色,我们可以得到任何颜色。如果将所有颜色混合在一起,会导致浑浊的棕色。而且你混合的颜料越多,就变得越暗。

数位色彩(digital color)同样是混合三种基础颜色来实现的,但其运行机制和绘画颜料有所不同。首先,数位色彩的色光三原色是不同的:红、绿和蓝(RGB三个字母所对应的red、green和blue)。其次,数位色彩以光来合成颜色,而不是用颜料来合成,因此其颜色叠加模式也不同。

红+绿=黄

红+蓝=紫

绿+蓝=青(蓝绿)

红+绿+蓝=白

没有颜色=黑

上述假定颜色尽可能鲜艳,当然,你也可以只混合一定量的颜色。比如,一部分的红色加上一部分的蓝色等于灰色,一点红色加上一点蓝色等于深紫色。

尽管对你来说可能需要一些时间来消化数位色彩的运行机制,但使用RGB颜色进行编程和试验的次数越多,你越会发现它就像用手指来调和颜色一样,是很容易理解的。当然,你并不能对计算机说“在红色里面混合少量蓝色”,你必须要提供精确的数值。就像在灰度中,每一种单独的颜色元素用0(一点颜色也没有)到255(尽可能多的颜色)的数字来表示,RGB颜色是按照红绿蓝的顺序列出的。通过颜色混合试验,你可以更快地掌握RGB颜色。接下来,我会讲解一些使用常见颜色的代码。

注意,本书的印刷版本只能够呈现给你Processing草图的黑白版本,但在本书的配套网站http://learningprocessing.com上,你可以看到每一个草图的彩色版本。同样,你也可以在Processing网站(https://processing.org/tutorials/color/)看到一个彩色版本的教程。

示例1-3:RGB颜色

 

Processing提供了一个颜色选择器(color selector)来辅助你选择颜色。你可以通过“工具”(在菜单栏)找到“颜色选择器”,如图1-19所示。

练习1-5:完成下面的程序。猜测应该填写的RGB数值(可以阅读完下一章之后在Processing中检查你的答案)。你同样可以使用图1-19所示的颜色选择器。

 

 

 

练习1-6:下面每一行代码会生成什么颜色?将答案填写在空白处。

 

相关文章
|
4月前
|
计算机视觉
OpenCV中GRAY、HSV色彩空间的简介及与BGR色彩空间的转换演示(附源码 超详细)
OpenCV中GRAY、HSV色彩空间的简介及与BGR色彩空间的转换演示(附源码 超详细)
74 0
|
4月前
QT基础教程(文本绘制)
QT基础教程(文本绘制)
41 0
|
5月前
Easyx图形库趣味编程note3,颜色模型
Easyx图形库趣味编程note3,颜色模型
63 0
HSV标记肤色与实现艺术效果---OpenCV-Python开发指南(9)
HSV标记肤色与实现艺术效果---OpenCV-Python开发指南(9)
87 1
HSV标记肤色与实现艺术效果---OpenCV-Python开发指南(9)
|
数据可视化
使用ComplexHeatmap绘制复杂热图|Note1:简介
复杂的热图可以有效地可视化不同数据源之间的关联,并揭示潜在的模式。ComplexHeatmap包提供了一种高度灵活的方式来安排多个热图,并支持自定义的注释图形。
251 0
|
iOS开发 索引
iOS开发CoreGraphics核心图形框架之三——颜色与色彩空间
iOS开发CoreGraphics核心图形框架之三——颜色与色彩空间
465 0
iOS开发CoreGraphics核心图形框架之三——颜色与色彩空间