关于CSS中透明背景的困惑

时间:2012-03-01 12:20:15

标签: css css3

我知道可以使用值rgba(221, 221, 221, 0.6)获得透明度。我想知道221,221,221,0.6表示什么?

4 个答案:

答案 0 :(得分:3)

rgba() color notation允许您分别指定颜色的红色,绿色,蓝色和Alpha值。这意味着221红色,221绿色,221蓝色和0.6(60%)alpha。

RGB值的范围为0到255;这是RGB color model和符号的标准范围(这在rgb() notation的上一节中有解释)。颜色分量的值越高,颜色分量就会越多地混合到最终颜色中。

alpha值的范围为0到1,带有十进制值。它决定了颜色的不透明度(或透明度)。值越高,产生的颜色就越不透明。

答案 1 :(得分:0)

按组件:

  • RED
  • GREEN
  • BLUE
  • ALPHA

(rgba是这些的首字母缩写。)颜色成分可以是 [0-255] 范围内的绝对值,也可以是 0%... 100%(可以使用

将其转换为绝对值

absVal = 255 * pctVal / 100 。) Alpha 组件可以是 [0..1] 范围内的浮点数( 0代表完全透明,1代表完全不透明的颜色。)

同样,您可以使用hsl(或hsla表示alpha)来使用HSL color space

请参阅this spec,了解如何在CSS中指定颜色值。

答案 2 :(得分:0)

正如人们所说的Red Green Blue Alpha更多关于价值观的信息: http://www.w3schools.com/cssref/css_colors.asp 基本上你使用3种颜色的组合来制作你需要的每种颜色,数字越大,“混合”中添加的颜料越多

答案 3 :(得分:0)

似乎,就像你不清楚颜色值的概念一样。

每个颜色值由8位长度表示。这是11111111,转换为256,但由于0是起始数字。 255的最大值。

每当定义颜色时,3主要颜色redgreenblue都是rgb所代表的颜色。因为CSS3通过实现另外一个表示颜色值不透明度的属性alpha,它给了我们透明的可能性。因此,新命令变为rgba

现在,

  

r:255代表最大红色

     

g:255代表最大绿色

     

b:255代表最大绿色

当所有颜色值都具有最大值时,产生的颜色为white,这正是旋转色轮时发生的情况。

现在,来自alpha部分。它代表percentage/100。因此1将完全不透明,0将完全透明。