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

标签 css google-chrome google-chrome-devtools

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

最佳答案

but now it converts to some unrecognized format 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 channel 的百分比转换为 0 之间的数字。和 1

关于css - Chrome Dev Tools RGBA/HSL 转换为一些新格式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/63751185/

相关文章:

html - 侧边栏不展开到底部

javascript - html按钮执行jquery和javascript?

c# - 如何从另一个 Windows 应用程序获取 Chrome 28 的当前 URL?

webpack - 为什么 chrome-dev-tools 无法在 promise 中正确反射(reflect) 'this' ?

google-chrome - Sass 源映射不会在 Chrome 中自动刷新

html - 检查快速隐藏的元素

css - CSS显示属性上的过渡

html - 为什么这个元素不是从其父元素的顶部开始的?

CSS3 列空间底部

javascript - 为什么 Google Chrome 控制台在输入时抛出 "SyntaxError: Unexpected token }"(