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

Increases the HSL saturation by the specified amount

Answer

Converts the color to a different hue

Answer

Sets the saturation to zero regardless of $amount

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

Converts the color to its negative lightness value

Answer

Returns the complementary hue of the color

Answer

Flips the hue by exactly 90 degrees

Question 3

Which Sass function increases the opacity of a color?

Accepted Answer

opacify() / fade-in()

Answer

lighten()

Answer

transparentize() / fade-out()

Answer

rgba() with a lower value

Question 4

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

Accepted Answer

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

Answer

The HSL saturation as a percentage

Answer

The HSL lightness as a percentage

Answer

The red channel value (0–255)

Question 5

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

Accepted Answer

100%

Answer

0%

Answer

50%

Answer

255%

Question 6

What does `adjust-hue($color, 180deg)` do in Sass?

Accepted Answer

Rotates the hue of the color by 180 degrees on the color wheel

Answer

Sets the hue to exactly 180 degrees

Answer

Adds 180 to the saturation value

Answer

Converts the color to its grayscale equivalent

Question 7

Which Sass function extracts the alpha (opacity) value from a color?

Accepted Answer

alpha() / opacity()

Answer

transparency()

Answer

fade-out()

Answer

opacify()