CSS3 RGBA 用法详解

转载:http://www.cnblogs.com/lhb25/archive/2013/01/29/css3-rgba-tutorials.html

    RGBA 是代表Red(红色) Green(绿色) Blue(蓝色)和 Alpha(不透明度)的色彩空间。虽然它有的时候被描述为一个颜色空间,但是它其实仅仅是 RGB 模型附加了额外的信息从而形成了我们今天需要讨论的 RGBA。

基本语法:

        R:红色值。正整数 | 百分数

        G:绿色值。正整数 | 百分数

        B:蓝色值。正整数| 百分数

        A:透明度。取值0~1之间

取值区间:

  <length> :Hue(色调)。 0(或360)表示红色,120表示绿色,240表示蓝色,当然可取其他数值来确定其它颜色;
  <percentage> :Saturation(饱和度)。 取值为0%到100%之间的值;
  <percentage> :Lightness(亮度)。 取值为0%到100%之间的值;
  <opacity> :alpha(透明度)。 取值在0到1之间;

简单说明:

  RGB 色彩模式(也翻译为“红绿蓝”,比较少用)是工业界的一种颜色标准,是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的,RGB即是代表红、绿、蓝三个通道的颜色,这个标准几乎包括了人类视力所能感知的所有颜色,是目前运用最广的颜色系统之一。

  RGBA 在 RGB 的基础上多了控制 Alpha 透明度的参数。以上R、G、B三个参数,正整数值的取值范围为:0 - 255。百分数值的取值范围为:0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数值。A参数,取值在0~1之间,不可为负值。

扫描二维码关注公众号,回复: 1845011 查看本文章

    。。。

猜你喜欢

转载自blog.csdn.net/u010170616/article/details/80839461