在学习如何使用JavaScript操作CSS颜色之前，我们需要对CSS如何设置颜色有一个基本的了解。CSS设置颜色模式有多种，最为常见的模型有：RGB和HSL。我们先来看一下这两种颜色模式。
颜色模式
RGB
RGB是red、green和blue三个单词首字母的缩写，其由三个数字组成，每个数字表示其各自颜色的光在最终颜色中包含多少。在CSS中，这些数字都在0~255之间，可以作为CSS的rgb函数的参数，并且用逗号来分隔。例如rgb(50,100,0)。
RGB是一个加色颜色系统，这意味着每个数字越高，最终的颜色就越亮。如果所有值相等，则颜色为灰色；如果所有值都是零，则结果为黑色；如果所有值都是255，结果将是白色。
另外，你也可以使用十六进制表示RGB颜色，在这种表示法中，每种颜色的整数都是从基数10转换为基数16。例如，rgb(50,100,0)转换出来的十六进制就是#326400。
虽然我们经常发现自己出于习惯而使用RGB(特别是十六进制)，但我经常发现它很难读，而且特别难操作。
HSL
HSL是hue、saturation和light三个单词首字母的简写，也是由这三个值组成。色调对应于色盘上的位置，由CSS的角度值表示，最常见的是deg单位。
饱和度用百分比表示，是指颜色的强度。当饱和度为100%时，它是一个彩色；当饱和度越底，颜色就越少，直到0%，就会是一个灰色。
亮度也是用百分比来表示，指的是颜色亮度。常规亮度是50%。无论色调和饱和度如何，100%的亮度将是纯白色&#
