首页 » CSS » RGBA和HSLA

RGBA和HSLA

在CSS3里我们可以使用RGBA和HSLA两种色彩模式,二者均可以用来在设置颜色的同时指定其它透明度。RGBA指的是“红色、绿色、蓝色和Alpha透明度”,而HSLA则代表“色调、饱和度、亮度和Alpha透明度”。

我们可以用如下任意一种格式来描述被用作对话框底色的暗蓝色。

  • HEX:#A6DADC
  • RGB:166,218,220
  • RGBA:166,218,220,1
  • HSL:182,40%,76%
  • HSLA:182,44%,76%,1

在RGBA模式里,前三个参数分别是红色、绿色和蓝色的强度值,取值从0~255或0%~100%(最常见的是0~255,而非百分数形式)。而在HSLA模式里,前三个参数则分别代表色调(0~360)、饱和度(0%-100%)和亮度(0%~100%)。RGBA和HSLA第四个参数都是透明度,取值从0(完全透明)到1(完全不透明)。

CSS3仍有opacity属性,但它的作用是使整个元素都半透明,包括前景内容,而不仅是背景。

此文章发表在 CSS. 将 固定链接 加入收藏.