是否可以从 HEX 颜色中获取 RGB？

【问题标题】：Is it possible to get RGB from HEX color?是否可以从 HEX 颜色中获取 RGB？
【发布时间】：2021-06-21 18:41:35
【问题描述】：

是否可以从 CSS 中的 HEX 颜色中获取 R、G 和 B？

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

【问题讨论】：

如果您尝试从 HSL 转换为 RGB see here.
由于 CSS 是一种声明性语言，因此无法在 CSS 中 的颜色格式之间“转换”。但是，您可以使用 one of the many online converters 手动转换它

标签： css

【解决方案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 个建议：

relative colors
和color-adust 这将解决您的问题，但是它们还不能使用。同时，您可以轻松地使用一点点 javascript 来完成此操作

【讨论】：

所以，Javascript 是最好的解决方案
是的，目前我认为 JavaScript 是最好的解决方案。但是，如果相关颜色或颜色调整很快进入浏览器，我不会感到惊讶