Ir al selector de color

Conversor de Lab a HSB / HSV

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

Interpretado como CIE Lab

Valor HSB / HSVhsv(10.59 80% 100%)
De HSB / HSV a Lab

Ajustar el color

11°
100 %

68 %
0,210
34°

Todos los demás formatos

Ejemplos de Lab a HSB / HSV

ColorLabHSB / HSV
lab(54.29 80.8 69.89)hsv(0 100% 100%)
lab(87.82 -79.27 80.99)hsv(120 100% 100%)
lab(29.57 68.29 -112.03)hsv(240 100% 100%)
lab(100 0 0)hsv(0 0% 100%)
lab(0 0 0)hsv(0 0% 0%)
lab(53.59 0 0)hsv(0 0% 50.2%)
lab(61.03 63.55 55.96)hsv(10.59 80% 100%)
lab(54.62 8.76 -65.79)hsv(217.22 76.02% 96.47%)
lab(66.69 -50.67 17.06)hsv(160.12 91.35% 72.55%)
lab(72.79 26.93 75.43)hsv(37.69 95.51% 96.08%)
lab(50.69 45.85 -71.8)hsv(258.31 62.6% 96.47%)
lab(57.31 67.87 -7.12)hsv(330.37 69.49% 92.55%)

Sobre Lab y HSB / HSV

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.

HSV, también llamado HSB, usa matiz, saturación y valor. Photoshop, Figma y la mayoría de selectores de color lo usan en el selector cuadrado.

Cómo funciona la conversión

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

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

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