SASS Color Functions

Question 1

What does the Sass `lighten()` function do?

Accepted Answer

Increases the HSL lightness of a color by a fixed amount

Answer

Increases the saturation of a color by a fixed amount

Answer

Blends two colors together based on a weight

Answer

Converts a color to its complementary hue

Question 2

What is the correct syntax for the `darken()` function in Sass?

Accepted Answer

darken($color, $amount)

Answer

darken($amount, $color)

Answer

darken($color, $percentage, $alpha)

Answer

darken($hue, $saturation, $color)

Question 3

Which Sass function blends two colors together based on a weight percentage?

Accepted Answer

mix()

Answer

blend()

Answer

combine()

Answer

merge()

Question 4

How does Sass's `rgba()` function differ from the native CSS `rgba()`?

Accepted Answer

It can accept an existing color variable plus an alpha value as arguments

Answer

It only accepts raw RGB number values

Answer

It requires hex color strings as input

Answer

It does not support alpha values below 0.5

Question 5

What does the `complement()` function return in Sass?

Accepted Answer

The color 180 degrees opposite on the color wheel

Answer

The inverted RGB values of the color

Answer

A darkened version of the color

Answer

The grayscale version of the color

Question 6

What does the `grayscale()` function do in Sass?

Accepted Answer

Converts a color to grayscale by setting its HSL saturation to 0%

Answer

Reduces the lightness of a color to exactly 50%

Answer

Converts a color to pure black or white only

Answer

Removes the alpha channel from the color

Question 7

What is the result of calling `saturate($color, 20%)` in Sass?

Accepted Answer

Increases the saturation of $color by 20%

Answer

Sets the saturation of $color to exactly 20%

Answer

Decreases the saturation of $color by 20%

Answer

Multiplies the current saturation of $color by 20%