RGBA是一种可以设置颜色值和透明度的CSS颜色,支持目前所有主流浏览器。这个缩写词代表红(Red)绿(Grenn)蓝(Blue)三种原色的首字母,Alpha值代表颜色的透明度/不透明度。
RGBA色彩表示法的格式为:rgba(red, green, blue, alpha),具体如:
rgba(255,255,255,0)表示完全透明的白色。
rgba(0,0,0,1)表示完全不透明的黑色。
rgba(0,0,0,0)表示完全不透明的白色,即无色。
前三个值(红绿蓝)的范围为0到255之间的整数,或0%到100%之间的百分比。第四个A值,范围为0.0至1.0,0.5为半透明,越接近1,代表透明度越低。这些值表达红色、绿色和蓝色三种原色的预期颜色量。
RGBA在CSS中的具体应用如下:
如果你想设置成纯红色,那么把red参数设置满,即255,绿,蓝设置0即可。
即:background-color: rgba(255, 0, 0, 1);
也可使用百分比表达:background-color: rgba(100%, 0%, 0%, 1);
表达50%透明度的黄色,即:color: rgba(255, 242, 0, 0.5);
最后修改:2021 年 02 月 16 日
© 允许规范转载