是否可以从十六进制颜色得到RGB？

Question

CSS中的十六进制颜色可以得到R、G和B吗？

例如，如果我有#00fbff，我想从该颜色（0,251,255）中了解RGB，我想知道是否可以获取单独的值。因为我正在尝试使用 HSL，如果我理解得很好，我需要这些 RGB 值。

Answer 1

如果我理解正确的话，你想从 css 颜色中检索单独的红色、绿色和蓝色值，所以基本上：

--my-color: #abcdef;
--my-color-red: /* Dynamic expression that evaluates to */ #ab0000 /* Based on var(--my-color) */;
--my-color-green: /* same as before but green */ #00cd00;
--my-color-blue: /* ... */ #0000ef

如果这是你想要的，那么目前没有办法，尽管有 2 个建议：

1. 相对颜色
2. 和颜色调整

其中任何一个都可以解决您的问题，但它们尚不可用。同时，您可以轻松地使用一点点 JavaScript 来完成此任务

编辑2024年4月

相对颜色 支持除 Firefox 之外的所有主要浏览器。

color-adjust

已弃用