浅色变暗/变暗功能

Question

所以我无法理解sass变浅/变暗的颜色功能（https://sass-lang.com/documentation/modules/color）。

我知道它会更改色相/饱和度/亮度，但是使用该功能后如何知道十六进制值呢？变亮/变暗的输出颜色是什么？

Answer 1

我相信您正在寻找@debug来查看输出的最终值！

https://sass-lang.com/documentation/at-rules/debug

Answer 2

在新的模块系统中，Sass不推荐使用变亮和变暗功能。它们没有按预期的方式缩放颜色，因此建议您暂时不要使用它们。sass：color和color.adjust（）模块现在应该使用。

在最近的模块更新之前，我使用了自己的函数，如下所示：

const PNAME = `ps aux | grep processname | grep -v grep | wc -l | xargs echo`

但是，现在建议使用颜色模块。有关颜色模块的信息在这里：https://sass-lang.com/documentation/modules/color，有关新模块系统的入门资料可以在这里：https://css-tricks.com/introducing-sass-modules/

使用颜色模块中的功能将提供更多预期和可预测的输出，但是如果您需要知道输出颜色的确切十六进制代码，则可以弄清楚如何在头上计算该颜色，或者可以使用@debug功能（https://sass-lang.com/documentation/at-rules/debug）或在代码片段中使用实时编译器。

Answer 3

Sass将十六进制颜色代码解析为HSL。

加亮和加深然后使用给定的参数百分比来调整颜色的hsl色谱图的L值。