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

【问题标题】：Chrome Dev Tools RGBA/HSL Conversion to some new formatChrome 开发工具 RGBA/HSL 转换为一些新格式
【发布时间】：2020-12-24 07:37:31
【问题描述】：

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

【问题讨论】：

【解决方案1】：

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

这是the specification中定义的新格式

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 之间的数字

【讨论】：

有没有办法强制执行rgba(28,25,89,0.86) 而不是`rgb(28 25 89 / 86%)` 格式？当我从浏览器复制到仅支持 rgba 的代码编辑器时，手动转换不方便。
@Alendorff 我不这么认为，很快这将成为标准，因此浏览器默认开始使用它
@TemaniAfif 很快？ IE 9 于 10 年前问世，仍有大量开发人员希望支持该浏览器。这种新的 RGB 格式不适用于 3 年前的浏览器版本。基于此，我看到人们至少在接下来的 7 年内使用旧的 RGB/RGBA 格式，只是为了支持 2018/2019 年的那些浏览器版本。作为开发人员，Chrome 不应该强迫我提供一些仍然相对较新的东西。如果我愿意，我应该可以选择支持旧版浏览器。
@AFriend Chrome 没有强迫任何人。 Chrome 不会转换你编写的 CSS，它会将它得到的 CSS 转换为 DEV 工具，仅此而已。您可以无限期地继续使用旧语法。由于遗留原因，它将继续受到支持。
@TemaniAfif 我确实必须定期与 Chrome 对抗，因为它会自动尝试将我的旧语法转换为新语法。它显然可以识别我正在使用的语法，但仍然试图强制给我新的语法。这令人沮丧。 Chrome 开发人员过去曾做出过一些糟糕的决定，这是另一个。