OKLCH en CSS: por qué dejamos RGB/HSL

• OKLCH es una nueva forma de declarar colores añadida a la especificación CSS Color Module 4
  → oklch(45% 0.26 264 / 50%): (Lightness Chroma Hue / Opacity)
• Ventajas de OKLCH
  • Es más fácil de leer que rgb/hex. Se parece a hsl, pero codifica mejor la luminosidad
  • A diferencia de hsl, usa una luminosidad perceptual, por lo que el contraste es predecible
  • Puede usarse con colores P3 de wide-gamut (cuando se muestran más colores que en un monitor sRGB, como en equipos de Apple)

Índice

1. Cómo ha cambiado CSS Color
2. Comparación entre OKLCH y otros formatos de color en CSS
3. Cómo funciona OKLCH
4. Cómo agregar OKLCH a un proyecto
5. Por qué cambiamos a OKLCH
   • Mejor legibilidad
   • Cambios de color más fáciles
   • Compatibilidad con color P3
   • Mejor comunicación con el equipo de diseño
   • Preparado para el futuro