OKLCH in CSS: Warum wir von RGB/HSL umgestiegen sind

• OKLCH ist eine neue Methode zur Farbdeklaration, die zur Spezifikation CSS Color Module 4 hinzugefügt wurde
  → oklch(45% 0.26 264 / 50%): (Lightness Chroma Hue / Opacity)
• Vorteile von OKLCH
  • Im Vergleich zu rgb/hex leichter lesbar. Ähnlich wie hsl, kodiert Helligkeit jedoch besser
  • Anders als hsl nutzt es perzeptive Helligkeit, wodurch Kontrast vorhersehbar wird
  • Für Wide-Gamut-P3-Farben nutzbar (wenn mehr Farben als auf sRGB-Monitoren dargestellt werden, etwa auf Apple-Geräten)

Inhaltsverzeichnis

1. Wie sich CSS Color verändert hat
2. Vergleich von OKLCH mit anderen CSS-Color-Formaten
3. Wie OKLCH funktioniert
4. Wie man OKLCH zu einem Projekt hinzufügt
5. Warum wir zu OKLCH gewechselt sind
   • Bessere Lesbarkeit
   • Einfachere Farbänderungen
   • Unterstützung für P3-Farben
   • Bessere Kommunikation mit dem Designteam
   • Zukunftssicherheit