Wat je kunt proberen
- Verhoog Gevraagd chroma C tot punt A de grens passeert.
- Verander Tint h en vergelijk chromavermindering M met kanaalafkapping C en de veranderde tint en lichtheid.
Waar je op kunt letten: Chromavermindering beweegt naar het neutrale middelpunt. Kanaalafkapping kan tint en lichtheid verschuiven; de markering is op de weergegeven a/b-doorsnede geprojecteerd.
Zo werkt het
Een OKLCH-kleur kan na conversie een sRGB-kanaal onder nul of boven één opleveren. Kanalen afkappen maakt het resultaat zichtbaar, maar kan tinten verschuiven en verschillen tussen gevraagde kleuren laten verdwijnen.
Een andere strategie verlaagt chroma met behoud van OKLCH-lichtheid en tint. Het experiment zoekt de grootste chroma die in sRGB past. De afweging wordt zichtbaar: minder levendigheid om de andere coördinaten vóór afronding te behouden.
Gebruik het in het Lab
Let op afkapping bij verzadigde harmonieën en perceptuele interpolatie. Verlaag chroma of pas eindpunten aan wanneer subtiele verschillen verdwijnen.
Grenzen & verschillen
Het voorbeeld gebruikt een eenvoudige chromazoektocht met vaste lichtheid en tint. Het is niet het volledige CSS-gamutmappingalgoritme en beschrijft geen specifiek printergamut.
Verdieping
Elk scherm, elke printer en elke kleurruimte kan maar een beperkt bereik aan kleuren weergeven — het gamut. Wanneer een kleur wel in het ene gamut bestaat maar niet in een ander (een “out-of-gamut”-kleur), bepaalt gamut mapping hoe je de dichtstbijzijnde acceptabele vervanger vindt. Dit is in de kern een afstandsprobleem: welke in-gamut kleur ligt het dichtst bij het origineel?
Mapping-strategieën
Er zijn verschillende benaderingen voor gamut mapping, elk met eigen afwegingen:
- Clipping — simpelweg elk kanaal afkappen op de grens. Snel, maar kan de tint verschuiven.
- Chroma-reductie — de verzadiging verlagen terwijl tint en lichtheid behouden blijven. Voorkeursmethode in OKLCH.
- Perceptuele mapping — het volledige gamut proportioneel comprimeren zodat de onderlinge relaties tussen kleuren behouden blijven. Wordt gebruikt door ICC-profielen.
CSS en moderne browsers
CSS Color Level 4 introduceert de functie oklch() en wide-gamut kleurruimtes zoals Display P3. Wanneer een browser een oklch()-kleur tegenkomt die buiten sRGB valt op een standaarddisplay, moet hij automatisch gamut mapping uitvoeren. De CSS-specificatie raadt aan om de chroma te verlagen langs de OKLCH-lichtheidsas, zodat de waargenomen tint behouden blijft.
Voorbeeld uit de praktijk
Een levendig cyaan gedefinieerd in Display P3 bestaat mogelijk niet in sRGB. Chroma-reductie zoekt het dichtstbijzijnde sRGB-cyaan door langs de chroma-as naar binnen te bewegen totdat de kleur weergeefbaar is — met dezelfde tint en lichtheid, maar minder verzadigd.
Relevantie voor generatieve kunst
Bij het genereren van kunstpaletten in OKLCH kunnen sterk verzadigde kleuren geen sRGB-equivalent hebben. Inzicht in gamut mapping zorgt ervoor dat de kleuren op het scherm zo dicht mogelijk bij het bedoelde ontwerp liggen, en dat drukwerk de visuele samenhang behoudt.
Verwante kunstwerken
Verwante Lab-categorieën
Bronnen & naslag
- W3C — CSS Color 4: conversions and color difference ↗
- Björn Ottosson — A perceptual color space for image processing ↗
Gids bijgewerkt