What does HSL mean in color settings?
HSL is a way to describe colors using:
Hue (the base color, from 0–360° around the color wheel)
Saturation (color intensity, from 0% to 100%)
Lightness (how light or dark it is, from 0% to 100%)
Example: hsl(0, 100%, 50%) = pure red.
HSL is often easier to tweak than RGB because it separates color from brightness and intensity—useful in themes and design systems.
Similar questions
How do I fix bad color contrast?
What are semantic colors in UI?
How do I pick text colors that are easy to read?
What is saturation in color design?
What is color theory in UI design?
What is the difference between RGB and HEX?
Should I use gradients in UI?
How do I test if my colors are accessible?
What is color psychology in UI?
What is a neutral color palette?
What are cool and warm colors in design?
What are secondary and accent colors?
What is a primary color in a UI design?
What is color contrast and why is it important?
What is the 3 color rule in UI design?
How do I apply the 3-color rule effectively?
What is the 60-30-10 rule in color design?
Does the 3-color rule apply in other design fields?
What makes a great UI color palette?