CSS Terminology
HSL
HSL (Hue, Saturation, Lightness) is a color model that represents colors using a cylindrical coordinate system. Hue is a degree (0-360), saturation and lightness are percentages.
Understanding HSL
Code Examples
Using HSL in TWColors
Our tools help you work with hsl effectively. Try our color tools to see how hsl affects your designs.
Explore our tools →Related Terms
Try Our Color Tools
Apply your knowledge of hsl with our free tools.
Explore Tools