①现代浏览器目前已经全面支持了 #RRGGBBAA 颜色,其中 R,G,B 还是原来的十六进制表示的 RGB 色值,范围从 00-FF,至于这里新出现的 AA,则表示透明度,范围也是 00-FF;
②#RRGGBBAA 颜色虽然很实用,但是透明度的转换却没有 RGB 色值那么方便,因为由于透明度范围是 0%-100%,而 00-FF 的十进制范围是 0-255,对不上,需要转换,公式为:AA = (Alpha * 255).toString (16),其中 Alpha 范围 0-1;
③在现代浏览器中,RGB 颜色和 HSL 颜色的语法已经变得无比自由,rgb () 和 rgba () 语法互通;hsl () 和 hsla () 语法互通;rgb () 中的数值可以是小数;透明度可以使用百分比表示;hsl () 中的色调可以使用任意角度单位;rgb () 和 hsl () 语法中的逗号可以忽略;
④现代浏览器还支持全新的空格加斜杠语法,如 rgb (255 0 153 / 1);rgba (51 170 51 / 40%);hsl (270 60% 50% / 15%);也就是 R、G、B 色值或者 H、S、L 色值使用空格分隔,透明度使用斜杠分隔;
(参考:www.zhangxinxu.com/wordpress/2…