为什么css中只有10个alpha增量" rgba();"?

时间:2014-08-16 18:28:13

标签: css hex type-conversion decimal

据我所知,这个CSS命令的最小值是:

rgba(0, 0, 0, 0);          /equivalent hex rgba #0000

和最大值

rgba(255, 255, 255, 1);    /equivalent hex rgba #FFFF

现在,我们要看r:其小数为255,其十六进制为#F,可轻松扩展/转换为#FF

#FF = 255

在计算机端,十六进制读取0 to F(基数为16)。在人类方面,十进制输入读取0.0 to 1.0(基数为10)。从本质上讲,可能只有16个可接受的输入。

所以我的问题是,其他6个无法获得的输入值会发生什么? alpha通道如何翻译?

2 个答案:

答案 0 :(得分:1)

如果您在CSS中使用rgba表示法,请记住最后一位数用于不透明度。所以它的价值不在于颜色rgb。

rgba(255, 255, 255, 1);前3位数字用于rgb颜色值,第4位数字用于不透明度,例如,它也可以是小数,如0.5。

请记住,IE8不支持这种表示法。

http://caniuse.com/#search=rgba

答案 1 :(得分:1)

如果您正在寻找更精细的不透明度设置,您可以使用具有多个小数位的Alpha值。例如,RGBA(255,255,255,0.05)将产生预期的结果,作为非常浅的白色。 答案在这里给出:Html rgba color opacity?