Sobre esta ferramenta
O OKLCH descreve uma cor por luminosidade perceptual (L), croma (C) e matiz (H). Diferentemente de HEX ou HSL, passos iguais em OKLCH parecem passos iguais ao olho humano — o que o torna ideal para escalas de cor de um design system.
Use-o para migrar cores de marca existentes para a sintaxe oklch(), ou para construir paletas com matiz consistente.
Os navegadores modernos dão suporte a oklch() nativamente — nenhum fallback é necessário para alvos evergreen.
Perguntas frequentes
Por que usar OKLCH em vez de HSL?
A luminosidade do HSL não é perceptualmente uniforme — um amarelo com 50% de luminosidade parece muito mais brilhante que um azul com 50%. O OKLCH corrige isso, então as escalas permanecem consistentes entre os matizes.
O que significam L, C e H?
L é a luminosidade percebida (0–100%), C é a croma (saturação, sem limite superior), H é o ângulo de matiz em graus.
A conversão é exata?
É uma transformação colorimétrica padrão por meio de sRGB → RGB linear → OKLab. Os valores são arredondados por legibilidade; a perda de precisão fica muito abaixo de qualquer coisa visível.