CSS Terminology
Chroma
Chroma is the colorfulness of a color relative to white. It measures how vivid or dull a color appears, similar to saturation but in perceptually uniform color spaces.
Understanding Chroma
Code Examples
Using Chroma in TWColors
Our tools help you work with chroma effectively. Try our color tools to see how chroma affects your designs.
Explore our tools →Related Terms
Learn More
What's New in Tailwind CSS v4 Color System
A comprehensive overview of color system changes and new features in Tailwind CSS v4.
Understanding Tailwind CSS v4 Color System
Tailwind v4 rebuilds the color system on oklch() for perceptually uniform shades.
Using OKLCH Colors in Tailwind CSS
Create better color palettes with oklch(), the perceptually uniform color space supported by modern CSS.
Wide Gamut Colors for the Web with Tailwind CSS
Use Display P3 and wide-gamut color spaces to deliver vivid, vibrant colors on modern screens.
Try Our Color Tools
Apply your knowledge of chroma with our free tools.
Explore Tools