Conversor de HSB / HSV a OKLab

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

Desde HSB / HSV

Interpretado como HSV

Valor OKLaboklab(68.036% 0.17473 0.1165)

De OKLab a HSB / HSV

Ajustar el color

Matiz11°

Opacidad100 %

Luminosidad68 %

Croma0,210

Matiz34°

Todos los demás formatos

Ejemplos de HSB / HSV a OKLab

Color	HSB / HSV	OKLab
	hsv(0 100% 100%)	oklab(62.796% 0.22486 0.12585)
	hsv(120 100% 100%)	oklab(86.644% -0.23389 0.1795)
	hsv(240 100% 100%)	oklab(45.201% -0.03246 -0.31153)
	hsv(0 0% 100%)	oklab(100% 0 0)
	hsv(0 0% 0%)	oklab(0% 0 0)
	hsv(0 0% 50.2%)	oklab(59.987% 0 0)
	hsv(10.59 80% 100%)	oklab(68.036% 0.17474 0.1165)
	hsv(217.22 76.02% 96.47%)	oklab(62.308% -0.03325 -0.18505)
	hsv(160.12 91.35% 72.55%)	oklab(69.587% -0.14216 0.04488)
	hsv(37.69 95.51% 96.08%)	oklab(76.859% 0.0561 0.15481)
	hsv(258.31 62.6% 96.47%)	oklab(60.563% 0.08454 -0.20193)
	hsv(330.37 69.49% 92.55%)	oklab(65.592% 0.21073 -0.021)

Sobre HSB / HSV y OKLab

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.

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 HSB / HSV, 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 HSB / HSV a OKLab?

Pega o escribe un valor HSB / HSV 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 HSB / HSV 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.