11 KiB
| title | chunk | source | category | tags | date_saved | instance |
|---|---|---|---|---|---|---|
| Gamut - Glossary | MDN | 1/3 | https://developer.mozilla.org/en-US/docs/Glossary/Gamut | reference | web, html, css, javascript, documentation | 2026-05-05T05:32:22.616699+00:00 | kb-cron |
MDN HTML HTML: Markup language
HTML reference
HTML guides
Markup languages
CSS reference
CSS guides
Layout cookbook
JavaScriptJS JavaScript: Scripting language
JS reference
JS guides
Web APIs Web APIs: Programming interfaces
Web API reference
Web API guides
- Using the Web animation API
- Using the Fetch API
- Working with the History API
- Using the Web speech API
- Using web workers
Technologies
Topics
Learn Learn web development
Frontend developer course
- Getting started modules
- Core modules
- MDN Curriculum
- Check out the video course from Scrimba, our partner
Learn HTML
Learn CSS
Learn JavaScript
Tools Discover our tools
About Get to know MDN better
Gamut
A color gamut is a subset of colors, usually representing the colors that a display or a printing device can represent.
No display or printer can represent the whole range of colors that a human eye can perceive. The device gamut represents the set that it supports.
Traditionally, in web development, the only gamut used was sRGB (Standard Red-Green-Blue), where each color is described using three bytes, one for each primary color. However, "wide-color" monitors and professional printers support a wider range of colors, that can't be represented using this gamut.
Since 2021, browsers have started to provide functionality for other gamuts, like Display-P3 , widely used in the movie industry, and rec2020.
Developers can define different sets of colors for devices supporting larger gamuts using the color-gamut media feature. They can describe colors outside the RGB gamut using specific CSS functions like lch() for the LCH cylindrical coordinate system, or lab() for the Lab coordinate system.
In this article
See also
- Gamut on Wikipedia.