When would you use HSL color notation, and how would you specify hue, saturation, and lightness?

When would you use HSL color notation, and how would you specify hue, saturation, and lightness?

• A. For intuitive color adjustments; example: color: hsl(210, 90%, 50%).
• B. For optimizing gradient performance.
• C. It is deprecated in modern CSS.
• D. It only works with color: hsl() without units.

Answer: (A)

HSL notation gives you intuitive control over color by separating it into hue, saturation, and lightness. Hue selects the color on the wheel, saturation adjusts vividness, and lightness controls how bright or dark the color is. In the example hsl(210, 90%, 50%), 210° places the hue around blue, 90% saturation makes the color very vivid, and 50% lightness keeps it in a balanced, mid-brightness range. This makes tweaking colors predictable: shift the hue to change the base color, change saturation to make it pop or mute, and adjust lightness to lighten or darken without altering the hue. The statement about gradients, deprecation, or requiring a specific no-unit format doesn’t fit, because you can use hues with degrees (or plain numbers) and even add transparency with hsla when needed.

HSL notation gives you intuitive control over color by separating it into hue, saturation, and lightness. Hue selects the color on the wheel, saturation adjusts vividness, and lightness controls how bright or dark the color is. In the example hsl(210, 90%, 50%), 210° places the hue around blue, 90% saturation makes the color very vivid, and 50% lightness keeps it in a balanced, mid-brightness range. This makes tweaking colors predictable: shift the hue to change the base color, change saturation to make it pop or mute, and adjust lightness to lighten or darken without altering the hue. The statement about gradients, deprecation, or requiring a specific no-unit format doesn’t fit, because you can use hues with degrees (or plain numbers) and even add transparency with hsla when needed.