Ir al selector de color

Conversor de HSB / HSV a HEX

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

Interpretado como HSV

Valor HEX#ff5733

Ajustar el color

11°
100 %

68 %
0,210
34°

Todos los demás formatos

Ejemplos de HSB / HSV a HEX

ColorHSB / HSVHEX
hsv(0 100% 100%)#ff0000
hsv(120 100% 100%)#00ff00
hsv(240 100% 100%)#0000ff
hsv(0 0% 100%)#ffffff
hsv(0 0% 0%)#000000
hsv(0 0% 50.2%)#808080
hsv(10.59 80% 100%)#ff5733
hsv(217.22 76.02% 96.47%)#3b82f6
hsv(160.12 91.35% 72.55%)#10b981
hsv(37.69 95.51% 96.08%)#f59e0b
hsv(258.31 62.6% 96.47%)#8b5cf6
hsv(330.37 69.49% 92.55%)#ec4899

Sobre HSB / HSV y HEX

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.

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.

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 HEX. 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 HEX?

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 HEX.

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