时间戳

首页 > 解决方案 > Chrome 开发工具 RGBA/HSL 转换为一些新格式

css - Chrome 开发工具 RGBA/HSL 转换为一些新格式

问题描述

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

标签： cssgoogle-chromegoogle-chrome-devtools

解决方案

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

这是规范中定义的新格式

rgb() = rgb( <percentage>{3} [ / <alpha-value> ]? ) |
        rgb( <number>{3} [ / <alpha-value> ]? )
<alpha-value> = <number> | <percentage>

您现在应该习惯了，但您可以轻松转换为旧格式，如下所示：

 rgb(28 25 89 / 86%) ---> rgba(28,25,89,0.86)

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

推荐阅读