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来表示色调、饱和度和明度。
色调在0o~360o之间,饱和度使用百分比表示,明度也通过百分比表示。
示例:
1
|
background-color :HSL( 120 , 80% , 50% ); |