Question

这是CSS Gradient制作者的一个例子。 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是基色。

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

此function_foo和function_bar可由scss函数表示。（我认为）

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

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

Answer 1

根据您的评论，我不确定您从编程角度尝试实现的目标。如果你需要的颜色比你的颜色要轻，你应该使用lighten（）函数。如果你需要更暗的东西，请使用darken（）。

您也可以考虑将颜色值考虑为RGB或HSL。这将为您提供更有意义的颜色值，然后您就可以使用类似adjust_color() function的内容。

最终，如果你需要一种颜色，我会说你应该使用变量明确定义它。 Sass本身没有任何内容可以告诉你使用哪个函数来获得结果。

如果您需要视觉比较工具，可以尝试使用A visual guide to Sass & Compass color functions: http://jackiebalzer.com/color;

Answer 2

Sass的darken函数与lighten相反。 http://sass-lang.com/docs/yardoc/Sass/Script/Functions.html

是否可以反向使用scss功能？

2 个答案: