Gamut mapping
### Description CSS currently provides several ways to define and manipulate colors, that are independent of any particular RGB gamut, such as `oklch()` or `lab()`. While this makes it easier to define and manipulate colors in ways that are closer to human perception, it also makes it much easier to define colors that fall **outside of the display gamut of any output device**, especially when **modifying existing colors** (that are in gamut to begin with!), such as when creating color ramps from a dynamic accent color. For example, pick _any_ non-neutral accent color (e.g. `#0075ff`, Chrome’s default `AccentColor` value), and adjust its OKLCh lightness to 97% to produce a tinted background color. The result (`oklch(from #0075ff 97% c h)` or `oklch(0.97 0.2235 258.41)`) is **outside the display gamut of any conceivable display device**. Without gamut mapping (i.e. currently in most UAs), this is displayed via converting to RGB, and **clipping red, green, blue coordinates**. This produces colors **dramatically** different than the specified color, losing all guarantees that these color spaces were supposed to provide. This carries **accessibility implications** as well, since RGB clipping can significantly affect contrast characteristics, making color pairs inaccessible. See [here a particularly egregious example](https://codepen.io/leaverou/pen/VYpvwwg) where **white is displayed as blue in non-GM browsers** ([bsky post](https://bsky.app/profile/lea.verou.me/post/3mufb5dau
Posted by LeaVerou on Sep 14, 2026, 11:08 AM
Tags
Related issues
- 2026 - Microsoft Office 365
- [Ubuntu] `ubuntu-latest` label will use Ubuntu 26.04 in November 2026
- [Codex Desktop] Editing and resending a queued message triggers "App-server queued follow-up no longer exists"
- [Windows] ChatGPT 26.820.60940 fails with "invalid transport in mcp_servers.codex_app"; Beta 26.727.40816 works
- [BUG]: infinite loading of videos
- Restore GPT-5.6 Sol’s 372k Codex context window, or provide an opt-in setting
Raise real-world problems, find people facing the same issue, and discuss solutions.2,000 issues0 comments
github (SaaS)
2026 - Microsoft Office 365
[Ubuntu] `ubuntu-latest` label will use Ubuntu 26.04 in November 2026
Gamut mapping
[Codex Desktop] Editing and resending a queued message triggers "App-server queued follow-up no longer exists"
[Windows] ChatGPT 26.820.60940 fails with "invalid transport in mcp_servers.codex_app"; Beta 26.727.40816 works
[BUG]: infinite loading of videos
Restore GPT-5.6 Sol’s 372k Codex context window, or provide an opt-in setting
Codex Desktop for macOS repeatedly triggers `syspolicyd` / `trustd` CPU and memory runaway
Gamut mapping
### Description CSS currently provides several ways to define and manipulate colors, that are independent of any particular RGB gamut, such as `oklch()` or `lab()`. While this makes it easier to define and manipulate colors in ways that are closer to human perception, it also makes it much easier to define colors that fall **outside of the display gamut of any output device**, especially when **modifying existing colors** (that are in gamut to begin with!), such as when creating color ramps from a dynamic accent color. For example, pick _any_ non-neutral accent color (e.g. `#0075ff`, Chrome’s default `AccentColor` value), and adjust its OKLCh lightness to 97% to produce a tinted background color. The result (`oklch(from #0075ff 97% c h)` or `oklch(0.97 0.2235 258.41)`) is **outside the display gamut of any conceivable display device**. Without gamut mapping (i.e. currently in most UAs), this is displayed via converting to RGB, and **clipping red, green, blue coordinates**. This produces colors **dramatically** different than the specified color, losing all guarantees that these color spaces were supposed to provide. This carries **accessibility implications** as well, since RGB clipping can significantly affect contrast characteristics, making color pairs inaccessible. See [here a particularly egregious example](https://codepen.io/leaverou/pen/VYpvwwg) where **white is displayed as blue in non-GM browsers** ([bsky post](https://bsky.app/profile/lea.verou.me/post/3mufb5dau
Comments (0)
No comments yet. Start the discussion.