logo标签列表

SASS颜色方法中的change、adjust和scale分别是什么意思？

sass
4

我认真阅读了 SASS 颜色模块文档

但我不明白 change、adjust 和 scale 颜色方法之间的区别，特别是它们在许多情况下返回相同的值。

例如：

color.adjust(#000, $whiteness: 10%);
color.change(#000, $whiteness: 10%);
color.scale(#000, $whiteness: 10%);

所有这些方法都返回：#171717。
有人能详细解释一下这三种方法的区别吗？
1个回答
1
color.adjust(rgba(#8c2, 80%), $alpha: 10%); // => rgba(#8c2, 90%)    80% + 10%

color.scale(rgba(#8c2, 80%), $alpha: 10%); // => rgba(#8c2, 88%)     80% + (80 * 10%)

color.change(rgba(#8c2, 80%), $alpha: 10%); // => rgba(#8c2, 10%)

在这个例子中，我使用了$alpha，因为它更容易可视化。

  • color.adjust将当前的$alpha增加10%。
  • color.scale将当前的$alpha增加其自身的10%。
  • color.change将当前的$alpha设置为10%。

希望现在更清楚了。

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接