CSS Terminology

Lightness

Lightness (or brightness) determines how light or dark a color appears. In HSL, 0% is black, 50% is the pure color, and 100% is white.

Understanding Lightness

Code Examples

Using Lightness in TWColors

Our tools help you work with lightness effectively. Try our color tools to see how lightness affects your designs.

Explore our tools →

Related Terms

Hue

Saturation

HSL

Luminance

Learn More

How to Pick Accent Colors for Tailwind CSS Projects

Select accent colors that contrast with your primary palette and highlight key interactive elements.

Try Our Color Tools

Apply your knowledge of lightness with our free tools.