Conversor de color RGB a HSL
Convierte los valores de los canales rojo, verde y azul en el modelo de color HSL, que te da el tono en grados además de la saturación y la luminosidad en porcentajes.
Saturation 100% · Lightness 63,9%
- 1
Normalize RGB
R ÷ 255, G ÷ 255, B ÷ 255 = 1, 0,3882, 0,2784 - 2
Lightness L
(1 + 0,2784) ÷ 2 = 63,9% - 3
Chroma d
1 − 0,2784 = 0,7216 - 4
Saturation S
0,7216 ÷ (1 − |2 × 0,6392 − 1|) = 100%Zero for grey; 1 for a fully saturated colour. - 5
Hue H
60 × (((0,3882 − 0,2784) ÷ 0,7216) mod 6) = 9,1Red is the dominant channel.
¿Cómo funciona esta calculadora?
Divide cada canal RGB entre 255, luego toma el máximo y el mínimo. La luminosidad es su promedio, la saturación es el croma dividido entre (1 − |2L − 1|), y el tono proviene del canal dominante. El resultado es HSL: tono en grados más saturación y luminosidad en porcentajes.
Fórmula
How this is calculated
Introduce los tres canales RGB (R, G, B), cada uno de 0 a 255. Los valores se limitan a ese rango y se dividen entre 255 para que cada canal se convierta en una fracción entre 0 y 1. La mayor de las tres fracciones es max y la menor es min.
La luminosidad es el punto medio de los extremos, L = (max + min) / 2. El croma d = max − min impulsa la saturación: S = d / (1 − |2L − 1|), que es 0 para cualquier gris donde max es igual a min. El tono se halla a partir de cualquiera que sea el canal máximo: el rojo da 60·(((g−b)/d) mod 6), el verde da 60·((b−r)/d + 2), y el azul da 60·((r−g)/d + 4); un resultado negativo se ajusta sumando 360.
Las salidas son H en grados (0–360°), y S y L escaladas a porcentajes (×100). Para los grises puros (R = G = B) el tono y la saturación son ambos 0 y solo varía la luminosidad. La conversión es exacta y sin pérdidas, salvo por el redondeo de porcentaje mostrado.
Preguntas frecuentes
Cuando R, G y B son idénticos el color es un tono de gris, por lo que el croma (max − min) es cero. Sin contenido de color no hay tono ni saturación, solo cambia la luminosidad de negro a blanco.
El tono se informa en grados de 0 a 360°, mientras que la saturación y la luminosidad son porcentajes de 0 % a 100 %. Esto coincide con la notación CSS hsl(), así que puedes pegar los valores directamente en las hojas de estilo.
No. La luminosidad de HSL es el promedio de los canales más claro y más oscuro, así que los colores puros se sitúan en el 50 % de luminosidad. El valor de HSV usa solo el canal máximo, por lo que los dos modelos informan números diferentes para el mismo color.
También conocido como
TG we-Calculate Editorial Team. (2026). Conversor de color RGB a HSL [Online calculator]. TG we-Calculate. https://we-calculate.com/es/calculator/rgb-to-hsl-converter
TG we-Calculate Editorial Team. "Conversor de color RGB a HSL." TG we-Calculate. 2026. https://we-calculate.com/es/calculator/rgb-to-hsl-converter.
TG we-Calculate Editorial Team, "Conversor de color RGB a HSL," TG we-Calculate, 2026. [Online]. Available: https://we-calculate.com/es/calculator/rgb-to-hsl-converter
@misc{wecalculate_rgb_to_hsl_converter, title = {Conversor de color RGB a HSL}, author = {{TG we-Calculate Editorial Team}}, howpublished = {\url{https://we-calculate.com/es/calculator/rgb-to-hsl-converter}}, year = {2026}, note = {TG we-Calculate} }
¿Te ayudó esta calculadora?