扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
CSS 中可以改变文字的颜色还有元素的背景颜色。可以用颜色关键字来定义颜色，如
red
，但是这些颜色关键字并不常用。
transparent
可以让文字或背景变的完全透明的颜色，它就像
rgba(0,0,0,0)
的缩写。
currentColor
代表原始的
color
属性的计算值。比如当前元素
color
为红色，背景色设置为
currentColor
，那么现在背景色也为红色。
颜色还可以用
rgb
函数表示，如
rgb(255, 255, 255)
代表白色，它每个参数的取值范围是
到
255
，它是用不同比例的红、绿、蓝来组成期望颜色。
rgba
函数代表红-绿-蓝-阿尔法，其中的
a
是透明度，取值范围是
到
1
。
除了使用
rgb
函数，还可以使用 16 进制来表示，它的语法是
#RRGGBB
，如果
#f3f3f3
，代表
f3
（16 进制）数量的红-绿-蓝。如果红-绿-蓝数值两两相等，如
#ffffff
，就可以简写成 3 位 16 进制的形式
#fff
。在高版本的浏览器还可以用 16 进制表示透明度
#RRGGBBAA
，
AA
的取值范围是
到
255
，如果两两相等也可以简写成
#RGBA
形式。
hsl
函数是用色相-饱和度-明度（Hue-saturation-lightness）来表示颜色，
HSL
相比
RGB
的优点是更加直观：你可以估算你想要的颜色，然后微调，比如要找到一个颜色的相近色，只需调整一下明度就行了。
色相（Hue）表示色环（即代表彩虹的一个圆环）的一个角度。这个角度作为一个无单位的 被给出，大致按照数值红、橙、黄、绿、青、蓝、紫变化节奏。取值范围是
到
360
饱和度，取值
0%
到
100%
，100% 是满饱和度，而 0% 是一种灰度。 明度，取值
0%
到
100%
，100% 明度是白色， 0% 明度是黑色，而 50% 明度是“一般的”。
hsla
和
rgba
相似其中的
a
设置透明度，取值范围也是
到
1
。
系统颜色就是系统的颜色，不同的系统支持的颜色可能不同，一般很少使用。但是我们可以利用它实现系统主题风格类似的 Web 组件皮肤效果，来以假乱真。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网