CSS/Funktionen/oklch()

Browserunterstützung
caniuse.com

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

anwendbar auf

alle Farbangaben

Parameter

* L (Lightness): Helligkeit der Farbe, Zahlenangabe von 0-1, als Prozentangabe von 0 % bis 100 % oder Schlüsselwort none

• C (Chroma): Reinheit der Farbe als Zahlenangabe von 0-0.4, als Prozentangabe von 0 % bis 100 % oder Schlüsselwort none; Theoretisch können auch höhere Werte verwendet werden - mehr als 0.5 ist aber nicht darstellbar.
• H (Hue): Farbkreis als Zahl von 0 bis 360 oder Winkelmaß

Beispiel

 

oklch(50% 0.25 30) rot

oklch(50% 0.25 270) leuchtendes blau

oklch(50% 0.25 210) das SELF-blau

Siehe auch

• Farbe/Farbmodelle
  • oklch()

Weblinks

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