AbraCalc

Conversor de Color HSL a RGB

Convierte valores de color HSL (tono, saturación, luminosidad) a RGB al instante.

Por · Revisado por AbraCalc Methodology Review · 2 fuentes

Insertar esta herramienta en tu sitio
Citar esta herramienta

APA

AbraCalc. (2026). Conversor de Color HSL a RGB [Online calculator]. Retrieved from https://abracalc.com/es/hsl-a-rgb/

BibTeX

@misc{abracalc-hsl-a-rgb, author = {AbraCalc}, title = {Conversor de Color HSL a RGB}, year = {2026}, howpublished = {\url{https://abracalc.com/es/hsl-a-rgb/}} }

¿Esta herramienta respondió tu pregunta?

Cómo usar esta herramienta

  1. Ingresa el tono (0–360°), la saturación (0–100%) y la luminosidad (0–100%).
  2. La herramienta calcula los valores equivalentes de rojo, verde y azul (0–255).
  3. Copia la cadena rgb() en tu CSS o lee los números R, G, B individuales.

Convierte valores HSL (Tono, Saturación, Luminosidad) de vuelta a RGB para usar en imágenes, Canvas, o donde sea que necesites RGB.

Fórmula

Given H (0–360°), S (0–100%), L (0–100%), normalize: h = H/360, s = S/100, l = L/100.

If s = 0, then R = G = B = round(l × 255) (achromatic).

Otherwise compute chroma anchors:
q = l < 0.5 ? l(1+s) : l + s − l×s
p = 2l − q

Then use the piecewise hue-to-RGB helper for each channel:
R = hue2rgb(p, q, h + 1/3)
G = hue2rgb(p, q, h)
B = hue2rgb(p, q, h − 1/3)
where hue2rgb(p,q,t) maps t into the interval [0,1] and interpolates between p and q.

Preguntas frecuentes

¿Cómo funciona la conversión de HSL a RGB?
El algoritmo convierte saturación/luminosidad a valores intermedios, luego mapea el ángulo de tono a los canales R, G, B separados usando una función por partes.
¿Qué es hsl(120, 100%, 50%)?
Eso es verde puro: rgb(0, 255, 0).

Referencias y fuentes