Convertidor HEX a HSV

Convierte códigos hexadecimales HEX a HSV/HSB (Tono, Saturación, Brillo) para Photoshop y herramientas de diseño profesional.

Código HEX

#
Colores populares
#E84393
HSV(330°, 71%, 91%)
H: 330°S: 71%V: 91%
RGB(232, 67, 147)

Variantes de luminosidad

Cómo Usar el Convertidor

1Ingresa el HEX — Escribe un código hexadecimal de 6 dígitos o selecciona un color preset.
2Lee los valores HSV — H (tono, 0°-360°), S (saturación, 0%-100%), V (valor/brillo, 0%-100%).
3Usa en Photoshop — Abre el selector de color, activa el modo HSB e ingresa los valores directamente.

¿Por Qué Convertir HEX a HSV?

Adobe Creative Suite

Photoshop, Illustrator e InDesign usan HSB (=HSV) como su modelo principal. Si tienes un color web en HEX, necesitas HSV para ingresarlo precisamente en estos programas.

Visión por Computadora

OpenCV procesa imágenes en HSV porque separa luminosidad del color puro. Convertir un color HEX objetivo a HSV es necesario para crear filtros y rangos de detección.

Shaders y VFX

Los shaders de Unity, Unreal y GLSL usan HSV para efectos como color shift, saturación dinámica y ajustes post-procesado. Necesitas HSV como punto de partida.

Selectores de Color

La mayoría de selectores de color en apps (Figma, Canva, Google Slides) usan internamente un modelo basado en HSV, con un cuadrado de saturación-brillo y una barra de tono.

HEX→HSV vs HEX→HSL: ¿Cuál Elegir?

EscenarioUsa HEX→HSVUsa HEX→HSL
Photoshop / IllustratorNo principal
CSS / Web DevelopmentNo directo
Selectores de color visualesMenos común
Generar variantes dark/lightMenos práctico
OpenCV / Visión artificialNo habitual
Design tokens programáticosNo ideal

Preguntas Frecuentes

¿Los valores HSV de esta herramienta coinciden con Photoshop?
Sí. HSV = HSB (Brightness). Los valores H, S, V que obtienes aquí son los mismos que verás en el selector de color de Photoshop cuando seleccionas el modo HSB.
¿Puedo pegar un HEX de un sitio web y obtener sus valores HSB?
Sí, usa las DevTools del navegador para obtener el HEX del color, pégalo en nuestra herramienta y obtendrás los valores HSV/HSB exactos para usar en Photoshop, Illustrator o cualquier software Adobe.
¿Qué pasa con los valores alfa/transparencia?
Nuestra herramienta trabaja con HEX de 6 dígitos (sin alfa). Si tienes un HEX de 8 dígitos (#RRGGBBAA), usa solo los primeros 6 caracteres. La transparencia se maneja por separado en HSV.
¿HSV funciona en CSS?
No directamente. CSS soporta hsl() y rgb() pero no HSV. Para CSS, usa nuestra herramienta HEX a HSL.
¿Es mejor usar HSV o HSL para seleccionar colores?
Depende del contexto. HSV es mejor para selección visual (V=100% = color más brillante). HSL es mejor para manipulación programática (L=50% = color puro, L=0% = negro, L=100% = blanco).