SASS Color Functions 3

Question 1

How does `scale-color()` differ from `adjust-color()` in Sass?

Accepted Answer

`scale-color()` scales values proportionally to their current value; `adjust-color()` changes values by fixed amounts

Answer

`scale-color()` adds fixed amounts; `adjust-color()` scales proportionally

Answer

`scale-color()` only works with RGB; `adjust-color()` only works with HSL

Answer

They are identical — just different aliases for the same function

Question 2

Which of the following is a valid use of `adjust-color()` in Sass?

Accepted Answer

adjust-color($color, $red: 20, $blue: -10)

Answer

adjust-color($color + 20)

Answer

adjust-color(20, $color, -10)

Answer

adjust-color($color, rgb(20, 0, -10))

Question 3

What does `change-color($color, $lightness: 50%)` do in Sass?

Accepted Answer

Sets the HSL lightness of $color to exactly 50%

Answer

Increases the current lightness by 50%

Answer

Scales the lightness to 50% of its current value

Answer

Decreases the current lightness by 50%

Question 4

In the new Sass module system, which built-in module provides color manipulation functions?

Accepted Answer

sass:color

Answer

sass:math

Answer

sass:string

Answer

sass:palette

Question 5

What does `mix(#ff0000, #0000ff, 25%)` produce in Sass?

Accepted Answer

A color that is 25% red and 75% blue

Answer

A pure purple (equal red-blue blend)

Answer

A color that is 75% red and 25% blue

Answer

An error because the weight must be between 40–60%

Question 6

Which Sass function would you use to make a color 30% more transparent?

Accepted Answer

transparentize($color, 0.3)

Answer

opacify($color, 0.3)

Answer

alpha($color, -0.3)

Answer

rgba($color, 0.3)

Question 7

What is the effect of calling `lighten($color, 100%)` on any color in Sass?

Accepted Answer

The color becomes pure white (#ffffff)

Answer

The color becomes fully transparent

Answer

An error is thrown because 100% exceeds the allowed range

Answer

The color remains completely unchanged