oklch() no CSS Color 4: Uma Mudança de Jogo para Sistemas de Design
2025-02-17

O Módulo de Cor CSS 4 introduz oklch(), uma nova notação de cor que define cores usando a luminosidade percebida (L), a croma (C) e a tonalidade (H), opcionalmente com alfa (a). Isso resolve a inconsistência de luminosidade do hsl(), tornando a manipulação de cores e a geração de paletas mais previsíveis e melhorando a acessibilidade. oklch() suporta cores P3 de ampla gama, abrindo possibilidades de cores mais ricas em displays modernos. Embora o ecossistema oklch() ainda esteja em desenvolvimento, suas vantagens em legibilidade de código e manipulação de cores o tornam um forte candidato para o futuro da cor CSS.
Desenvolvimento
Especificação de Cor