CSS/Funktionen/oklab()

Browserunterstützung
caniuse.com

Die CSS-Funktion oklab() drückt eine bestimmte Farbe im OKLAB-Farbmodell aus.

anwendbar auf

alle Farbangaben

Parameter

* L* (lightness) Helligkeit - eine Zahl zwischen 0 und 100, Prozentangabe von 0% - 100% oder none; 0% entspricht schwarz - 100% weiß

• a* (Rot-Grün-Achse), eine Zahl zwischen -0.4 und +0.4, eine Prozentangabe zwischen -100% und 100% oder none. Der Wert entspricht der Distanz der A-Achse (rot-grün) des CIELAB-Farbraums.
• b* (Blau-Gelb-Achse), eine Zahl zwischen -0.4 und +0.4, eine Prozentangabe zwischen -100% und 100% oder none. Der Wert entspricht der Distanz der A-Achse (blau-gelb) des CIELAB-Farbraums.

Beispiel

<span style="display:inline-block; width:1em; aspect-ratio:1; background: oklab(1 -0.1 0.3)"></span>

oklab(1 -0.1 0.3) ist ein helles Gelb
oklab(0.5 -0.3 -0.4) leuchtendes Blau

Siehe auch

• Farbe/Farbmodelle
  • oklab()

Weblinks

• 9.4. Specifying Oklab and Oklch: the oklab() and oklch() functional notations (csswg.org)
• MDN: oklab()
• Browser-Support: caniuse.com