使用黑色颜色功能使颜色更深吗？

Question

我想使用CSS颜色功能blackness()使深色变深20％。如果我在colorme.io上尝试使用颜色#343a40，并将blackness设置为20％，则该颜色不会变暗，但最终会变成蓝色#3380cc。这是一张图片：

blackness(%)也是正确的功能，也许有另一种方法可以应用它来达到我想要的结果。我可能想对颜色进行光谱处理，使它们全部变深20％，变深40％...

Answer 1

css hsl（）可能会对您有所帮助。

343a40 = hsl（210，10％，23％）

最后23％是亮度。

https://www.w3schools.com/colors/colors_picker.asp?colorhex=343a40

Answer 2

我最终使用shade(%)而不是blackness()和tint(%)而不是亮度。更改为committed to this repository file，以防万一有人想看一个postcss示例。这是一个示例：

    --color-primary-100: color(var(--color-primary) tint(var(--percentage-40)));
    --color-primary-300: color(var(--color-primary) tint(var(--percentage-20)));
    --color-primary-500: var(--color-primary);
    --color-primary-700: color(var(--color-primary) shade(var(--percentage-20)));
    --color-primary-900: color(var(--color-primary) shade(var(--percentage-40)));

还添加了一个test case here，我在Bootstrap按钮上将700级颜色用于悬停。