3

これは CSS グラデーション メーカーの例の 1 つです。 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ではベースカラーです。

2 つの色をマッピングする関数または関数の組み合わせがあると思います。たとえば、function_foo(#ffb76b) -> #ffa73d、またはfunction_bar(#ffb76b) -> #ff7c00

これはfunction_foo、function_barscss 関数で表現できます。（おもう）

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 に答える