Conversor HSL a RGB
Qué es Conversor HSL a RGB
Esta herramienta convierte valores HSL (Tono 0–360°, Saturación 0–100%, Luminosidad 0–100%) a valores RGB (Rojo, Verde, Azul, cada uno 0–255). Úsala cuando tienes un color en formato HSL — común en CSS y sistemas de diseño — y necesitas el equivalente RGB para JavaScript, procesamiento de imágenes o herramientas de diseño.
Cómo usar
- Introduce los valores de Tono (0–360), Saturación (0–100) y Luminosidad (0–100) en los campos HSL.
- Los valores RGB y HEX se actualizan al instante.
- Haz clic en el botón de copiar junto a RGB para copiar en formato rgb(r, g, b).
- Cambia entre los 6 conversores usando los enlaces de modo arriba.
Cuándo usarla
¿Generas colores en JavaScript recorriendo el tono de 0–360 para un efecto arcoíris? Al escribir los píxeles en un objeto Canvas ImageData necesitas los valores R, G, B por separado en bytes, no una cadena hsl(). Convierte cada salida hsl() a rgb() aquí y obtienes los números de cada canal listos para colocarlos directamente en el array.
Preguntas frecuentes
¿Qué es hsl(120, 100%, 50%) en RGB?
hsl(120, 100%, 50%) es rgb(0, 255, 0) — verde puro. El tono 120° es verde en la rueda de colores.
¿Qué es hsl(240, 100%, 50%) en RGB?
hsl(240, 100%, 50%) es rgb(0, 0, 255) — azul puro.
¿Qué es hsl(60, 100%, 50%) en RGB?
hsl(60, 100%, 50%) es rgb(255, 255, 0) — amarillo puro.
¿Cuándo usar HSL a RGB en lugar de HSL a HEX?
Usa HSL a RGB cuando trabajes con APIs o bibliotecas que requieren valores numéricos de canal separados — como Canvas ImageData, WebGL, Three.js o bibliotecas de procesamiento de imágenes. Usa HSL a HEX cuando necesites una cadena CSS o código hex.
¿Puedo compartir esta herramienta con mis datos precargados?
Sí. La URL se actualiza automáticamente mientras escribes. Copia el enlace desde la barra de direcciones o usa el botón Compartir — quien lo abra verá tus datos ya cargados.
Herramientas relacionadas
Conversor RGB a HSL
Convierte valores de color RGB a HSL al instante. Conversor RGB a HSL con vista previa en vivo. Perfecto para temas CSS y paletas de colores.
Calculadora de Relación de Aspecto
Calcula la relación de aspecto, encuentra el ancho o alto que falta y redimensiona imágenes y vídeos manteniendo las proporciones. Gratis.
Decodificador Base64
Decodifica cadenas Base64 a texto plano al instante. Soporta salida Unicode completa con emojis. Decodificador Base64 gratuito.