Chroma
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/glossary/chroma/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/glossary/chroma/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/glossary/chroma/)Use the native HTML custom element.
The purity or intensity of a color, describing how vivid it appears compared to a neutral gray of the same lightness.
Chroma is distinct from saturation, though the two are often confused. Chroma measures colorfulness in absolute terms relative to a reference white, while saturation measures it relative to the color's own brightness. A color with high chroma is vivid and intense, while a color with zero chroma is a pure gray. The Munsell color system was among the first to separate chroma as an independent dimension. In modern color science, CIELAB and OKLCH both use chroma as a key axis, making it essential for perceptually uniform color manipulation.
Try It Out
Related Articles
CSS color-mix(): Blend Colors Natively in the Browser
Learn CSS color-mix() to blend colors natively in the browser. Master syntax, color spaces, practical use cases, and create dynamic palettes without JavaScript.
Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH
Explore perceptually uniform color spaces — CIE Lab, LCH, Oklab, and OKLCH. Learn how each was designed, where it excels, and which to use for CSS and design work.
CMYK for Web Designers: When Print Meets Screen
Web designers working on print projects need to understand CMYK. Learn gamut differences, safe RGB-to-CMYK conversion strategies, print proofing workflows, and common pitfalls.
Foil Stamping and Metallic Colors in Print Design
Learn about foil stamping techniques, metallic ink options, gold and silver foil choices, and design considerations for premium print materials.
Color for Data Storytelling: Beyond Default Chart Colors
Go beyond default chart colors for data storytelling. Learn sequential, diverging, and categorical palettes, accessibility in dataviz, and D3/Chart.js color scales.
Emerald vs Jade vs Forest Green: Green Comparison Guide
Compare emerald (#50C878), jade (#00A86B), and forest green (#228B22). Learn the visual and hex code differences between these popular green shades.