AbraCalc

Conversor de Color Hex a HSV

Convierte un color hex CSS a HSV (tono, saturación, valor/brillo) para usar en software de diseño e imagen.

Insertar esta herramienta en tu sitio
Citar esta herramienta

APA

AbraCalc. (2026). Conversor de Color Hex a HSV [Online calculator]. Retrieved from https://abracalc.com/es/hex-a-hsv/

BibTeX

@misc{abracalc-hex-a-hsv, author = {AbraCalc}, title = {Conversor de Color Hex a HSV}, year = {2026}, howpublished = {\url{https://abracalc.com/es/hex-a-hsv/}} }

¿Esta herramienta respondió tu pregunta?

Cómo usar esta herramienta

  1. Ingresa un código de color hex.
  2. Lee el tono (0–360°), la saturación (0–100%) y el valor/brillo (0–100%).
  3. HSV es lo mismo que HSB; 'V' y 'B' se refieren ambas al brillo.

Convierte un color hex a HSV (también llamado HSB: tono, saturación, brillo), el modelo usado en los selectores de color de Photoshop y muchas apps de diseño.

Fórmula

Parse hex to normalized r, g, b (0–1). Then:
max = max(r, g, b), min = min(r, g, b), d = max − min

V = max (value/brightness)
S = d / max (or 0 if max = 0)
Hue sector (same as HSL):
• R max: H = ((g−b)/d + 6) mod 6
• G max: H = (b−r)/d + 2
• B max: H = (r−g)/d + 4
Then H = H/6 × 360°

Preguntas frecuentes

¿Cuál es la diferencia entre HSL y HSV?
En HSV, Valor=100% con Saturación=0% da blanco. En HSL, Luminosidad=100% siempre da blanco sin importar la saturación. HSV es más común en los selectores de color del software de diseño.
¿HSV es lo mismo que HSB?
Sí. HSV (Hue, Saturation, Value) y HSB (Hue, Saturation, Brightness) son modelos idénticos con convenciones de nombres distintas.

Referencias y fuentes