Conversor de HSL a HSV
Convierte tono, saturación y luminosidad en tono, saturación y valor (HSB) para programas de diseño gráfico.
Entrada hsl
Resultado · HSV
hsv(342, 76%, 100%)
HEX
#FF3D77
RGB
rgb(255, 61, 119)
HSL
hsl(342, 100%, 62%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Cómo usarlo: HSL a HSV
- 1
Introduce un color
Escribe un código de color o elige un color con el selector: cada campo acepta el formato que muestra.
- 2
Mira la conversión
El resultado se actualiza al instante mientras escribes, junto con una vista previa en vivo del color.
- 3
Copia el código
Copia el valor que necesitas con un clic y pégalo en tu diseño, tu CSS o tu configuración de impresión.
HSL y HSV comparados
HSL y HSV empiezan por el tono, un ángulo en la rueda de colores, y ambos describen el resto del color con dos porcentajes, pero esos porcentajes significan cosas distintas. En HSL, una luminosidad del 50 % es el color puro y el 100 % siempre es blanco. En HSV, también llamado HSB, un valor del 100 % es la versión más brillante del tono, y el blanco es un valor del 100 % con una saturación del 0 %. La saturación también se calcula de otra manera, así que los números no se pueden copiar sin más.
Por eso, un color escrito en CSS como hsl(120, 100%, 25%) —el color Green de CSS— debe introducirse en un selector de color HSV como hsv(120, 100%, 50%). Usa este conversor cuando pases colores del código web a Photoshop, Figma, Blender o a código de procesamiento de imágenes que trabaje en HSV. El tono no cambia; solo cambian la saturación y el tercer valor.
Todo se ejecuta localmente en tu navegador: tus imágenes nunca se suben a un servidor.