OKLCH no CSS: por que mudamos de RGB/HSL

• OKLCH é uma nova forma de declarar cores adicionada à especificação CSS Color Module 4
  → oklch(45% 0.26 264 / 50%): (Luminosidade Croma Matiz / Opacidade)
• Vantagens do OKLCH
  • É mais fácil de ler em comparação com rgb/hex. É parecido com hsl, mas codifica melhor a luminosidade
  • Diferente de hsl, usa luminosidade perceptual, então o contraste é previsível
  • Pode ser usado com cores P3 de ampla gama (como em dispositivos Apple, que exibem mais cores do que monitores sRGB)

Índice

1. Como o CSS Color mudou
2. Comparação entre OKLCH e outros formatos de cor do CSS
3. Como o OKLCH funciona
4. Como adicionar OKLCH ao seu projeto
5. Por que mudamos para OKLCH
   • Melhor legibilidade
   • Facilidade para alterar cores
   • Suporte a cores P3
   • Melhor comunicação com a equipe de design
   • Preparação para o futuro