Conversor de HWB a Lab

Pega un valor HWB y obtén Lab al instante. Cualquier otro formato también sirve.

Desde HWB

Interpretado como HWB

Valor Lablab(61.03 63.55 55.96)

De Lab a HWB

Ajustar el color

Matiz11°

Opacidad100 %

Luminosidad68 %

Croma0,210

Matiz34°

Todos los demás formatos

Ejemplos de HWB a Lab

Color	HWB	Lab
	hwb(0 0% 0%)	lab(54.29 80.8 69.89)
	hwb(120 0% 0%)	lab(87.82 -79.27 80.99)
	hwb(240 0% 0%)	lab(29.57 68.29 -112.03)
	hwb(0 100% 0%)	lab(100 0 0)
	hwb(0 0% 100%)	lab(0 0 0)
	hwb(0 50.2% 49.8%)	lab(53.59 0 0)
	hwb(10.59 20% 0%)	lab(61.03 63.55 55.96)
	hwb(217.22 23.14% 3.53%)	lab(54.62 8.76 -65.79)
	hwb(160.12 6.27% 27.45%)	lab(66.69 -50.67 17.06)
	hwb(37.69 4.31% 3.92%)	lab(72.79 26.93 75.43)
	hwb(258.31 36.08% 3.53%)	lab(50.69 45.85 -71.8)
	hwb(330.37 28.24% 7.45%)	lab(57.31 67.87 -7.12)

Sobre HWB y Lab

HWB describe un color por su matiz y por cuánto blanco y negro lleva mezclados. Forma parte de CSS Color 4 y es práctico para aclarar y oscurecer.

CIE Lab describe la luminosidad L y dos ejes de color, a (de verde a rojo) y b (de azul a amarillo). No depende del dispositivo y se usa para medir diferencias de color como ΔE.

Cómo funciona la conversión

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

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

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