css - Sass 颜色变亮函数 - 使用 %

Question

据我所知，Sass lighten 函数是这样工作的:

lighten($myColour, 20%);

但是如果您查看这个用于创建颜色的在线工具:

enter link description here

它在没有 % 的情况下按如下方式创建它们:

lighten($myColour, 20);

这样可以吗？使用 20% 或 20% 有什么区别吗？

谢谢

Answer 1

如 Sass documentation 中所述, 函数 lighten据说:

lighten($color, $amount)

在哪里

$amount (Sass::Script::Value::Number) — The amount to increase the lightness by, between 0% and 100%

所以它可以是两者。 我在 this CodePen example 中测试过它并且它给出了相同的十六进制颜色值。

.lighten-number {
  color: lighten(red, 20);
}

.lighten-percentage {
  color: lighten(red, 20%);
}