Ir al selector de color

Conversor de HEX a LCH

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

Interpretado como HEX

Valor LCHlch(61.03 84.67 41.37)
De LCH a HEX

Ajustar el color

11°
100 %

68 %
0,210
34°

Todos los demás formatos

Ejemplos de HEX a LCH

ColorHEXLCH
#ff0000lch(54.29 106.84 40.86)
#00ff00lch(87.82 113.33 134.38)
#0000fflch(29.57 131.2 301.36)
#fffffflch(100 0 0)
#000000lch(0 0 0)
#808080lch(53.59 0 0)
#ff5733lch(61.03 84.67 41.37)
#3b82f6lch(54.62 66.37 277.59)
#10b981lch(66.69 53.46 161.39)
#f59e0blch(72.79 80.1 70.35)
#8b5cf6lch(50.69 85.19 302.56)
#ec4899lch(57.31 68.24 354.01)

Sobre HEX y LCH

HEX escribe el rojo, el verde y el azul con dos dígitos hexadecimales cada uno, como #ff5733. Es la forma más habitual de escribir colores en la web y en las herramientas de diseño.

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().

Cómo funciona la conversión

Leemos el valor HEX, lo pasamos a CIE XYZ con las matrices de la especificación CSS Color 4 y de ahí a LCH. 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 HEX a LCH?

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

¿La conversión de HEX a LCH 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.