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

如 Fran 所述，您需要使用 javascript 或像 sass 这样的 css 预处理器。

CSS 是声明性的，除了少数小异常(exception)，没有引用先前的条件。在大多数情况下，它只执行给定的内容。