hsla 在浏览器中显示为 rgba答案

【问题标题】：hsla is visible in the browser as rgbahsla 在浏览器中显示为 rgba
【发布时间】：2017-02-12 03:04:30
【问题描述】：

我真的很喜欢使用 hsla 颜色格式。 hsla 在浏览器中显示为 rgba。

我怎样才能看到我准确发送了哪些 hsla 值（使用 devtools 元素面板）？

当然，我可以只使用 rgba 格式，但我发现这种格式不太直观且效率较低。没有人能真正掌握 rgb 语法的色调。

【问题讨论】：

【解决方案1】：

可以通过所有三种方式定义颜色：chrome 或 safari 中的 rgba、HEX 或 hsla。您可以通过单击颜色旁边的颜色方块来旋转这 3 个不同的集合。

如果您看到图片，我已经突出显示了您应该点击的方块。单击它后，您将看到两个箭头，您可以使用它们在不同的颜色格式之间切换。

【讨论】：

谢谢，这确实有很大帮助。很难做到动态更改这些设置并设置动画，这不是很方便，我想将显示的选项更改为仅显示 hsla，如果可能的话（它会快速刷新）。
不客气。如果您的问题得到解决，请不要忘记点击复选标记接受答案。
inspector 中显示的格式取决于 css 的编写方式。如果您的样式表使用 hsla 进行动画，那么它将在此处显示 hsla。如果您使用的是十六进制，那么它将显示十六进制。如果您愿意，您可以更改格式。所以，在你的风格中，使用 hsla 值而不是十六进制来编写动画