Sass 颜色函数的用例是什么？

Question

我已经做了 5 年的开发人员，在每个项目中，我都收到了需要实施的设计。我无法选择我使用的颜色 - 我只需要匹配设计。

我正在努力提高对 SASS 的理解，并练习了一些颜色函数，例如 color.scale() 和 color.adjust()。我很难找到任何什么时候可以使用这些东西的例子。例如，如果 div 在设计中具有略微透明的背景，则使用其中一个函数使背景不那么不透明而无需声明新颜色是有意义的，但我找不到任何其他用途 -这些属性/功能的案例。

作为前端开发人员，为什么需要 Sass 提供的颜色函数？

Answer 1

@use 'sass:color';

button {
  background-color: $color-main;
  &:hover {
    background-color: color.darken($color-main, 10%);
  }
}

这只是一个功能的一个例子，但它是一个开始:)