What is HSL?

HSL is a way to describe colors using three simple ideas: how bright they are, how much color there is, and what kind of color it is.

Imagine you're playing with a big box of crayons. HSL helps you pick the right crayon by thinking about how light or dark the color is, how full or pale it feels, and what basic color family it belongs to, like red, blue, or yellow.

How Bright They Are

This part tells you if the color is light or dark, kind of like turning a lamp on or off. If it's bright, it’s like shining a light on your crayon; if it's dark, it’s like holding it in shadow.

What Kind of Color It Is

This part picks the main color family, like red, blue, or green, just like how you might choose between different colored blocks to build something fun.

Together, these parts help you mix and match colors easily, like mixing paint on a palette. You can make any color you want by changing how bright it is, how much color there is, and what kind of color it is!

Take the quiz →

Examples

  1. A child mixes red, blue, and yellow paint to make a vibrant purple
  2. A painter uses lightness to create shadows in a drawing
  3. A digital artist adjusts the saturation of a green background

Ask a question

See also

Discussion

Recent activity