为什么光($ color,50%)解析为白色？

Question

这个sass片段:

$red: #f00

$lightred: lighten($red, 50%)

body
  background: $lightred

被解析为:

body {
  background: white; }

如果您改为45%而不是50%,它似乎按预期工作:

$lightred2: lighten($red, 45%)
...
background-color: #ffe5e5

为什么这会变成白色而不是预期的50%的红色？

你可以在这里看到它http://tinkerbin.com/OefelPoi

(注意 - 保存功能似乎有一个bug,在css区域,再次选择Sass Old Syntax,然后重新运行)

更新 -

结束我想要的是将白色与原始颜色混合以获得浅色调:

mix($color,white, 10%)

Answer 1

因为在HSL颜色上描述了减轻功能,并且您的红色#f90被翻译为hsl(0,100%,50%)

所以变亮($ lightred,50%)等于hsl(0,0,100%)或白色