Conversor de HSL a RGB
Introduce tono, saturación y luminosidad y obtén los valores de los canales rojo, verde y azul de 0 a 255.
Entrada hsl
Resultado · RGB
rgb(255, 61, 119)
HEX
#FF3D77
HSL
hsl(342, 100%, 62%)
HSV
hsv(342, 76%, 100%)
CMYK
cmyk(0%, 76%, 53%, 0%)
Cómo usarlo: HSL a RGB
- 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.
De HSL a RGB
HSL es una forma cómoda de diseñar colores: eliges un tono en la rueda de colores (0° es rojo, 120° verde y 240° azul) y luego ajustas la saturación —lo vivo que es el color— y la luminosidad, donde 0 % es negro, 50 % es el tono puro y 100 % es blanco. Sin embargo, las pantallas trabajan con RGB, el brillo de sus subpíxeles rojo, verde y azul, así que un color HSL siempre se convierte antes de mostrarse.
Necesitas los valores RGB cuando un programa no acepta HSL: muchos editores gráficos, las API de color de Android e iOS, las tiras LED, los motores de videojuegos y las librerías de gráficos esperan tres números de canal. Escribe los tres valores HSL y la herramienta mostrará el resultado RGB junto con HEX, HSV y CMYK. Por ejemplo, hsl(200, 80%, 40%) da rgb(20, 129, 184). Como HSL se introduce en números enteros, valores vecinos a veces producen el mismo color RGB.
Todo se ejecuta localmente en tu navegador: tus imágenes nunca se suben a un servidor.