术语和概念在理科学习非常重要。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来表示色调、饱和度和明度。
色调在0o~360o之间，饱和度使用百分比表示，明度也通过百分比表示。
示例：
|
1
|
background-color:HSL(120,80%,50%); |