CSS_颜色

颜色的表示方式

第一种：颜色名

编写方式：直接使用颜色对应的英文单词，编写比较简单，例：

1.红色：red，2.绿色：green，3.蓝色：blue，4.紫色：purple

第二种：rgb/rgba

编写方式：使用，红，黄，蓝，这三种光的三原色进行组合

r 代表红色，g 代表绿色，b 代表蓝色，a 代表透明度 

例：

小实操：

小规律：

1.若三种颜色值相同，呈现的是灰色，值越大，灰色越浅

2.rgb（0，0，0）是黑色，rgb（255，255，255）是白色

3.对于 rgba 来说，前三位的 rgb 形式要保持一致，要么都是0~255的数字，要么都是百分比

第三种：HEX/HEXA

HEX 的原理同与 rgb 一样，依然是通过：红，绿，蓝，来进行组合，只不过要用六位 分成三组

来表达

格式为：#rr gg bb

图：

注：IE浏览器不支持HEXA，但支持HEX

第四种：hsl/hsla

hsl 是通过：色相，饱和度，亮度，来表示一个颜色的，格式为：hsl（色相，饱和度，亮度）

色相：取值范围是 0~360度，具体度数对应的颜色如下图：

饱和度：取值范围是 0%~100%，（向色相中对应的颜色中添加灰色，0%全灰色，100%没有灰）

亮度：取值范围是 0%~100%，（0%亮度没了，所以就是黑色，100%亮度太强。所以就是白色）

hsla：其实就是在 hsl 的基础上添加了透明度