Gamut Mapping
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/gamut-mapping/" 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/gamut-mapping/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/glossary/gamut-mapping/)Use the native HTML custom element.
The process of converting colors from one color space to another when the destination cannot reproduce all colors from the source.
Gamut mapping is necessary whenever colors cross system boundaries, such as displaying Adobe RGB images on an sRGB monitor or printing an RGB photograph in CMYK. There are several mapping strategies: perceptual intent compresses the entire source gamut proportionally to fit the destination (preserving relationships), relative colorimetric clips out-of-gamut colors to the nearest reproducible color, and absolute colorimetric preserves exact colors that are in gamut while clipping the rest. The choice of mapping strategy depends on the use case; perceptual is preferred for photographs, while relative colorimetric is preferred for brand colors that must match exactly.
Try It Out
Related Articles
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.
Color Proofing: Ensuring Accurate Print Colors
Learn soft proofing, hard proofing, and press proof techniques to ensure accurate print color reproduction from screen to final output.
Color Gamut Explained: sRGB, P3, and Rec. 2020
Understand color gamuts—sRGB, Display P3, and Rec. 2020—and how to use CSS wide-gamut colors with @media (color-gamut) for modern displays. Practical examples included.
What Is a Color Gamut? Everything You Need to Know
Understand color gamut — the range of colors a device can display or print. Compare sRGB, Display P3, and Rec. 2020 gamuts for web and print design.
Color Gamut Mapping: Converting Between Color Spaces
Understand color gamut mapping: what out-of-gamut colors are, how clipping vs perceptual compression works, and how CSS handles gamut mapping in 2026.