SASS Color Functions 2

Question 1

What does `desaturate($color, $amount)` do in Sass?

Accepted Answer

Decreases the HSL saturation of a color by the specified amount

Answer

`desaturate($color, $amount)` reduces the HSL saturation of a color by the given percentage, making it less vivid and closer to gray.

Question 2

What does the Sass `invert()` function do to a color?

Accepted Answer

Inverts the RGB values of the color by subtracting each channel from 255

Answer

`invert($color, $weight)` inverts each RGB channel by subtracting its value from 255, producing a negative-like effect, with optional weight to blend with the original.

Question 3

Which Sass function increases the opacity of a color?

Accepted Answer

opacify() / fade-in()

Answer

`opacify($color, $amount)` (aliased as `fade-in()`) increases the alpha value of a color by the specified amount, making it less transparent.

Question 4

What does the Sass `hue()` function return?

Accepted Answer

The hue of a color in degrees (0–360)

Answer

`hue($color)` returns the HSL hue of a color as a number between 0deg and 360deg, representing its position on the color wheel.

Question 5

What value does `lightness(white)` return in Sass?

Accepted Answer

100%

Answer

`lightness($color)` returns the HSL lightness of a color; pure white has a lightness of 100% in the HSL model.

SASS Practice Test

SASS Practice Test

SASS Color Functions 2