Chrome Dev Tools RGBA/HSL 转换为一些新格式

Pri*_*yan 5 css google-chrome google-chrome-devtools

我曾经将#1c1959db 转换为标准 rgba(255,0,0,0.3) 但现在它转换为一些无法识别的格式 rgb(28 25 89 / 86%)。请指导如何在 chrome 开发工具上解决这个问题

Tem*_*fif 4

但现在它转换为一些无法识别的格式 rgb(28 25 89 / 86%)。

这是规范中定义的新格式

rgb() = rgb( <percentage>{3} [ / <alpha-value> ]? ) |
        rgb( <number>{3} [ / <alpha-value> ]? )
<alpha-value> = <number> | <percentage>
Run Code Online (Sandbox Code Playgroud)

您现在应该习惯它了,但是您可以轻松转换为旧格式,如下所示:

 rgb(28 25 89 / 86%) ---> rgba(28,25,89,0.86)
Run Code Online (Sandbox Code Playgroud)

您所要做的就是添加逗号分隔并将 Alpha 通道的百分比转换为0和之间的数字1

  • 有没有办法强制执行“rgba(28,25,89,0.86)”而不是“rgb(28 25 89 / 86%)”格式?当我从浏览器复制到仅支持rgba的代码编辑器时,我手动转换它很不方便。 (6认同)