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
| Rango de cada canal | De 0 a 255 inclusive |
|---|---|
| Tono (H) | De 0 a 360 grados |
| Saturación y luminosidad | De 0% a 100% |
| Redondeo | Todos los valores RGB y del resultado se redondean a un entero |
Cuándo induce a error
- Los valores fuera del rango 0–255 se ajustan automáticamente a esos límites en vez de rechazarse con un error.
- Para colores grises puros (R=G=B), la saturación es cero y el tono no está matemáticamente definido — el conversor muestra 0° en ese caso, una convención más que un valor con significado.
- Redondear los valores RGB de entrada a enteros antes del cálculo puede hacer que grises muy parecidos pero no idénticos den el mismo resultado HSL.
- El resultado es solo otra forma de escribir los mismos números, no un espacio de color distinto — HSL no lleva información de perfil de color adicional respecto a RGB.
Cómo se calcula
Los valores R, G y B se normalizan al rango 0–1 dividiendo entre 255.
La luminosidad se calcula como el promedio entre el canal más alto y el más bajo de los tres.
Si el máximo y el mínimo son iguales, la saturación y el tono son cero (gris); si no, la saturación se calcula a partir de la diferencia entre el máximo y el mínimo respecto a la luminosidad, y el tono según qué canal resultó más alto.
Las fracciones resultantes se convierten a grados (0–360) y porcentaje (0–100) y se redondean a números enteros.
Preguntas y respuestas
¿Por qué el tono es 0° para un color gris?
Con saturación cero, el tono no está matemáticamente definido — 0° es solo una convención, cualquier valor de tono se ve igual con esa saturación.
¿Es HSL más preciso que RGB?
No, es solo otra forma de describir el mismo color — ambos formatos definen el mismo punto en el espacio de color.
¿Puedo introducir valores RGB decimales?
Sí, pero se redondean al entero más cercano dentro del rango 0–255 antes del cálculo.
¿Se envían mis datos a algún sitio?
No, todo el cálculo se ejecuta en tu navegador.