Ir al selector de color

Conversor de LCH a OKLab

Pega un valor LCH y obtén OKLab al instante. Cualquier otro formato también sirve.

Interpretado como CIE LCH

Valor OKLaboklab(68.035% 0.17472 0.1165)
De OKLab a LCH

Ajustar el color

11°
100 %

68 %
0,210
34°

Todos los demás formatos

Ejemplos de LCH a OKLab

ColorLCHOKLab
lch(54.29 106.84 40.86)oklab(62.796% 0.22486 0.12585)
lch(87.82 113.33 134.38)oklab(86.644% -0.23389 0.1795)
lch(29.57 131.2 301.36)oklab(45.201% -0.03246 -0.31153)
lch(100 0 0)oklab(100% 0 0)
lch(0 0 0)oklab(0% 0 0)
lch(53.59 0 0)oklab(59.987% 0 0)
lch(61.03 84.67 41.37)oklab(68.036% 0.17474 0.1165)
lch(54.62 66.37 277.59)oklab(62.308% -0.03325 -0.18505)
lch(66.69 53.46 161.39)oklab(69.587% -0.14216 0.04488)
lch(72.79 80.1 70.35)oklab(76.859% 0.0561 0.15481)
lch(50.69 85.19 302.56)oklab(60.563% 0.08454 -0.20193)
lch(57.31 68.24 354.01)oklab(65.592% 0.21073 -0.021)

Sobre LCH y OKLab

CIE LCH es Lab en forma polar: luminosidad, croma y matiz. Es más fácil de razonar que Lab y CSS lo admite como lch().

OKLab es un espacio de color perceptual moderno de 2020. Los pasos iguales se ven iguales, por eso los degradados y las mezclas quedan más limpios que en RGB o HSL.

Cómo funciona la conversión

Leemos el valor LCH, lo pasamos a CIE XYZ con las matrices de la especificación CSS Color 4 y de ahí a OKLab. Los valores fuera de la gama de destino se ajustan con el algoritmo de CSS Color 4, que conserva la luminosidad y el matiz y reduce el croma.

Preguntas y respuestas

¿Cómo convierto LCH a OKLab?

Pega o escribe un valor LCH en el campo de arriba. PickShade lo convierte con las fórmulas de CSS Color 4 mientras escribes, y un clic copia el valor OKLab.

¿La conversión de LCH a OKLab es exacta?

El cálculo es exacto y el resultado solo se redondea para mostrarlo, con suficientes decimales para volver al mismo color. Si el color no cabe en la gama de destino, PickShade te avisa y muestra el color más cercano que sí cabe.

¿Puedo obtener otros formatos a la vez?

Sí. Todos los demás formatos, incluidos OKLCH, Display P3, Tailwind, SwiftUI, Flutter y Android, aparecen bajo el resultado y se copian con un clic.

¿Este conversor es gratuito?

Sí. Es gratis, no necesita registro y funciona entero en tu navegador.