CSS/Funktionen/oklch()

Aus SELFHTML-Wiki
Wechseln zu: Navigation, Suche

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

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ß
anwendbar auf alle Farbangaben
Browsersupport caniuse: css-color-function
Beispiel
 
oklch(50% 0.25 30) rot

oklch(50% 0.25 270) leuchtendes blau

oklch(50% 0.25 210) das SELF-blau


Weblinks

Siehe auch