CSS 颜色术语

术语和概念在理科学习非常重要。CSS中有些关键的术语的。

对比度

对比度是指前景色和背景色之间的差距。当前景颜色和背景色之间的对比度较低时，文本就难以阅读。这对视觉障碍或色盲来说更严重。

透明度

透明度可以让颜色透明。

CSS中表示透明度的方式有两个：

一是opacity，它的值在0.0~1之间。

示例：

1 2	opacity:0.5;

另一个是RGBA，前面的GRB表示颜色，后面的A表示透明度，A的值也在0.0~1之间，值越大，越不透明，值越小，越透明。

示例：

1	background-color:rgba(255, 99, 71, 0.2);

色调

色调的意义同颜色一样。如红色、绿色、黄色等称呼都是色调。

饱和度

饱和度是指一种颜色中灰色的含量。100%代表最高饱和度。0%则表示某种灰色。

明度

明度是指一种颜色中白色或黑色的含量，用百分比来表示。明度也叫辉度。

100%时为白色。50%时为标准色。

HSL

CSS中使用HSL来表示色调、饱和度和明度。

色调在0^o~360^{o之间，饱和度使用百分比表示，明度也通过百分比表示。}

^示例：

1	background-color:HSL(120,80%,50%);