你好,我是月影。从这一节课开始,我们进入一个全新的模块,开始学习视觉基础。
在可视化领域中,图形的形状和颜色信息非常重要,它们都可以用来表达数据。我们利用基本的数学方法可以绘制出各种各样的图形,通过仿射变换还能改变图形的形状、大小和位置。但关于图形的颜色,虽然在前面的课程中,我们也使用片元着色器给图形设置了不同的颜色,可这只是颜色的基本用法,Web 图形系统对颜色的支持是非常强大的。
所以这一节课,我们就来系统地学习一下,Web 图形系统中表示颜色的基本方法。我会讲四种基本的颜色表示法,分别是 RGB 和 RGBA 颜色表示法、HSL 和 HSV 颜色表示法、CIE Lab 和 CIE Lch 颜色表示法以及 Cubehelix 色盘。
不过,因为颜色表示实际上是一门非常复杂的学问,与我们自己的视觉感知以及心理学都有很大的关系,所以这节课我只会重点讲解它们的应用,不会去细说其中复杂的算法实现和规则细节。但我也会在课后给出一些拓展阅读的链接,如果你有兴趣,可以利用它们深入来学。
RGB 和 RGBA 颜色
作为前端工程师,你一定对 RGB 和 RGBA 颜色比较熟悉。在 Web 开发中,我们首选的颜色表示法就是 RGB 和 RGBA。那我们就先来说说它的应用。