OKLCH en CSS : pourquoi nous avons abandonné RGB/HSL

• OKLCH est une nouvelle méthode de déclaration des couleurs ajoutée à la spécification CSS Color Module 4
  → oklch(45% 0.26 264 / 50%) : (Lightness Chroma Hue / Opacity)
• Les avantages d’OKLCH
  • plus facile à lire que rgb/hex ; similaire à hsl, mais encode mieux la luminosité
  • contrairement à hsl, utilise une luminosité perceptuelle, avec un contraste prévisible
  • peut être utilisé pour les couleurs wide-gamut P3 (lorsqu’on affiche plus de couleurs que sur un moniteur sRGB, comme sur les appareils Apple)

Sommaire

1. Comment CSS Color a évolué
2. Comparaison entre OKLCH et les autres formats de couleur CSS
3. Comment fonctionne OKLCH
4. Comment ajouter OKLCH à un projet
5. Pourquoi nous sommes passés à OKLCH
   • meilleure lisibilité
   • modifications de couleur plus simples
   • prise en charge des couleurs P3
   • meilleure communication avec l’équipe design
   • prêt pour l’avenir