Question

14、CSS中颜色设置方法

Answer 1

在我们的显示屏中，一个像素点由三原色构成，分别为：红、绿、蓝。然而在计算机中使用0-255来表示某个原色的不同程度，在二进制中，可以使用八位二进制（00000000-11111111）进行表示。在十六进制中用（ 00-ff ）表示。那么红色（0-255），绿色（0-255），蓝色（0-255）三原色组成的颜色就有256*256*256种，组成了屏幕中五彩缤纷的画面。

由此就可以衍生出颜色的表示方式：

加入透明度：

使用色相表示（hsl）：
这是一种将所有颜色对应成一个圆，一个角度代表一种颜色，所以取值范围为0-360，但是它还包括了饱和度和亮度。
h:0-360,色相
s:0-100%，饱和度
l:0-100%，亮度
例如：hsl(0, 50%, 50%);