Resultado
Esta página no tiene parte de servidor en absoluto. La tabla que pegas la procesa JavaScript dentro de tu propio navegador, el gráfico se dibuja en un elemento canvas de tu máquina y el archivo de exportación se arma localmente. Nada se sube, se almacena ni se escribe en ningún registro. Puedes desconectar la red después de cargar la página y todo seguirá funcionando: es la forma más sencilla de comprobarlo tú mismo.
Datos y límites del método
| Tono (H) | Se ajusta módulo 360 — acepta cualquier número |
|---|---|
| Saturación y luminosidad | Se ajustan al rango de 0% a 100% |
| Rango del resultado | Cada canal R/G/B es un número entero de 0 a 255 |
| Fórmula | Algoritmo estándar HSL → RGB mediante funciones auxiliares hue2rgb |
Cuándo induce a error
- Un tono fuera del rango 0–360 no se trata como error — se ajusta módulo 360, ya que la rueda de color es cíclica.
- La saturación y la luminosidad fuera del rango 0–100% se ajustan automáticamente a esos valores.
- El resultado se redondea a valores R/G/B enteros — al convertirlo de vuelta a HSL después puede haber una desviación de una fracción de porcentaje por este redondeo.
- Con 0% de saturación, el resultado siempre es gris (R=G=B) sin importar el tono introducido — es una propiedad matemática del modelo HSL, no un error de cálculo.
Cómo se calcula
El tono se ajusta al rango 0–360° y se divide entre 360; la saturación y la luminosidad se convierten de porcentajes a fracciones de 0 a 1.
Se calculan dos valores auxiliares a partir de la luminosidad y la saturación, que definen los límites de brillo para el tono actual.
Para cada uno de los tres canales (rojo, verde, azul), se toma un punto de la rueda de color desplazado un tercio de vuelta respecto al tono — esto da tres fracciones de 0 a 1.
Cada fracción se convierte al rango 0–255 y se redondea a un entero — esos son los valores finales de R, G y B.
Preguntas y respuestas
¿Qué pasa si introduzco un tono mayor a 360?
Se ajusta automáticamente módulo 360 — 400°, por ejemplo, equivale a 40°, ya que la rueda de color es cíclica.
¿Por qué el resultado siempre es gris con 0% de saturación?
Es una propiedad matemática del modelo HSL: con saturación cero, el tono no tiene efecto, y los tres canales RGB se vuelven iguales entre sí.
¿El resultado coincidirá si lo convierto de vuelta a HSL?
Casi siempre, pero redondear RGB a enteros puede producir una desviación de una fracción de porcentaje respecto a los valores originales de saturación y luminosidad.
¿Se envían mis datos a algún sitio?
No, todo el cálculo se ejecuta en tu navegador.