Wie schreibst du eine Farbe als HEX, RGB oder HSL?

So funktioniert es

Ein Bildschirm erzeugt Farben durch Mischen von rotem, grünem und blauem Licht. RGB und HEX beschreiben diese Mischung direkt. HEX schreibt dieselben drei Anteile zur Basis 16: #1a73e8 bedeutet Rot 26, Grün 115 und Blau 232. HSL und HWB beschreiben dieselbe Farbe anschaulicher: als Farbton im Farbkreis und wie blass, dunkel oder grau sie ist.

OKLCH ist ein neueres Format, dessen Helligkeit der Wahrnehmung näherkommt. Zwei Farben mit gleichem Helligkeitswert wirken ähnlich hell. Das garantiert sRGB-basiertes HSL nicht (CSS Color Module Level 4; Ottosson, 2020). Die Abstufungen behalten Farbton und Chroma bei und ändern nur die OKLCH-Helligkeit. So wirkt die Reihe gleichmäßig abgestuft. Ist eine Farbe bei dieser Helligkeit nicht darstellbar, wird Chroma verringert, bis sie in den Farbraum passt.

Der nächste CSS-Name ist diejenige der 148 benannten Farben mit dem kleinsten Abstand in OKLab. Dieser Farbraum ist so aufgebaut, dass gleiche Abstände ähnlich große sichtbare Unterschiede ergeben. Farben außerhalb des üblichen Bildschirmfarbraums sRGB werden als nächstliegende darstellbare Farbe angezeigt.