HSL Color Generator
Generates a random colour and shows it in hsl(hue, saturation%, lightness%) format with a preview swatch — useful when working in hue/saturation/lightness terms rather than RGB.
How to use this tool
- Press generate to get a random colour.
- Copy the hsl() value, or generate again for a new one.
Common use cases
- Design systems using HSL tokens
- Exploring colour theory
- Randomising theme accent colours