Acerca de esta herramienta
OKLCH describe un color mediante la luminosidad perceptual (L), el croma (C) y el tono (H). A diferencia de HEX o HSL, en OKLCH pasos iguales se ven como pasos iguales para el ojo humano, lo que lo hace ideal para las escalas de color de los sistemas de diseño.
Úsalo para migrar los colores de marca existentes a la sintaxis oklch(), o para crear paletas coherentes en el tono.
Los navegadores modernos admiten oklch() de forma nativa: no se necesita ningún respaldo para los navegadores evergreen.
Preguntas frecuentes
¿Por qué usar OKLCH en lugar de HSL?
La luminosidad de HSL no es perceptualmente uniforme: un amarillo con un 50 % de luminosidad se ve mucho más brillante que un azul al 50 %. OKLCH lo corrige, de modo que las escalas se mantienen coherentes entre los tonos.
¿Qué significan L, C y H?
L es la luminosidad percibida (0–100 %), C es el croma (saturación, sin límite definido) y H es el ángulo de tono en grados.
¿La conversión es exacta?
Es una transformación colorimétrica estándar a través de sRGB → RGB lineal → OKLab. Los valores se redondean para mejorar la legibilidad; la pérdida de precisión está muy por debajo de lo perceptible.