CSS：如何使用 hsl 颜色仅更改一个值

Question

有什么方法可以使用 只调整特定值hsl？例如，如果我只想改变饱和度或亮度并保持色调相同？

.red {
    background-color: #ff0000; /* or, hsl(0,100%,50%); */
}
.red-dark { // Adjust saturation +10% and lightness -15%
    background-color: hsl(, +10%, -15%);
}

Answer 1

您需要使用javascript或 css 预处理器sass，如 Fran 提到的。

CSS 是声明性的，除了一些小例外之外，不引用先前的条件。在大多数情况下，它只执行给定的内容。