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或像sass这样的css预处理器，如Fran所述。

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