使用 SCSS 将 CSS 变量从 HSL 转换为 Hex

Question

我有许多包含颜色值的 CSS 变量。我想以 HSL 格式定义它们，但是我可以让 Sass 将它们转换为十六进制值吗？

输入：

:root {
  --dark: hsl(210, 50%, 13%);
}

输出：

:root {
  --dark: #112132;
}

Answer 1

根据 SASS 文档，SASS 有一个内置模块来处理

hsl

格式的颜色：

https://sass-lang.com/documentation/modules/

来自文档：

全局函数

hsl($hue $saturation $lightness)
hsl($hue $saturation $lightness / $alpha)
hsl($hue, $saturation, $lightness, $alpha: 1)
hsla($hue $saturation $lightness)
hsla($hue $saturation $lightness / $alpha)
hsla($hue, $saturation, $lightness, $alpha: 1) //=> color