3

这是 CSS Gradient maker 示例之一。 http://www.colorzilla.com/gradient-editor/

background-color: #ffb76b; // Old browsers
@include filter-gradient(#ffb76b, #ff7f04, vertical); // IE6-9
@include background-image(linear-gradient(top, #ffb76b 0%,#ffa73d 50%,#ff7c00 51%,#ff7f04 100%));

在这个例子#ffb76b中是基色。

我认为有一个函数或函数组合可以映射两种颜色。例如，likefunction_foo(#ffb76b) -> #ffa73d或function_bar(#ffb76b) -> #ff7c00

这可以通过 scss 函数来表示function_foo。function_bar（我认为）

adjust-hue($color, $degrees)
lighten($color, $amount)
darken($color, $amount)
saturate($color, $amount)
desaturate($color, $amount)

如果给出了输入值和输出值，有没有办法确定函数？

4

2 回答 2

0

根据您的评论，从编程的角度来看，我不确定您想要实现什么。如果您需要一种比现有颜色更浅的颜色，则应使用 lighten() 函数。如果您需要更暗的东西，请使用 darken()。

您可能还需要考虑将颜色值视为 RGB 或 HSL。这将为您提供更有意义的颜色值，然后您就可以使用诸如adjust_color() 函数之类的东西。

最终，如果您需要一种颜色，我会说您应该使用变量明确定义它。Sass 本身并不会告诉您使用哪个函数来获得哪个结果。

如果你需要一个视觉比较工具，你也许可以尝试使用Sass & Compass 颜色函数的视觉指南：http://jackiebalzer.com/color；

于 2013-09-14T09:00:34.890 回答
-1

Sass 有一个darken与lighten. http://sass-lang.com/docs/yardoc/Sass/Script/Functions.html

于 2013-09-14T04:17:57.770 回答