Resultado
Todos los cálculos se hacen localmente en tu navegador: análisis, gráfico, exportación. Si desconectas la red, la página sigue funcionando.
Datos y límites del método
| Tono (H) | Cualquier número — se ajusta módulo 360, los valores negativos se manejan cíclicamente |
|---|---|
| Saturación y luminosidad | Se ajustan al rango de 0% a 100% |
| Formato del resultado | #RRGGBB — seis dígitos hexadecimales, letras en mayúscula |
| Paso intermedio | HSL se convierte primero a RGB, y luego RGB a HEX |
Cuándo induce a error
- Un tono fuera del rango 0–360 no se trata como error — se ajusta módulo 360 (400°, por ejemplo, equivale a 40°, y −30° equivale a 330°), 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 límites.
- La conversión ocurre en dos pasos matemáticos (HSL → RGB → HEX), y la etapa RGB redondea a números enteros de 0 a 255 — por eso, convertir el HEX resultante de vuelta a HSL puede dar valores con una fracción de porcentaje de diferencia respecto a la entrada original.
- Con 0% de saturación, el tono no tiene ningún efecto en el resultado — cualquier valor de H produce el mismo gris, determinado solo por la luminosidad.
Cómo se calcula
El tono se ajusta al rango 0–360° y se convierte en una fracción de 1 (dividido entre 360); la saturación y la luminosidad se convierten de porcentajes a fracciones de 0 a 1.
Con la fórmula estándar HSL → RGB, se calculan dos valores auxiliares a partir de la luminosidad y la saturación, y luego cada uno de los tres canales de color (rojo, verde, azul) toma un punto distinto de la rueda de color, desplazado un tercio de vuelta.
Cada uno de los tres canales resultantes se convierte de una fracción (0–1) de vuelta al rango 0–255 y se redondea a un número entero.
Los tres canales se convierten a hexadecimal de la misma forma que en el conversor de RGB a HEX, y se unen en el código final con una "#" al inicio.
Preguntas y respuestas
¿Qué pasa si introduzco un tono mayor a 360 o negativo?
Se ajusta automáticamente módulo 360 — la rueda de color es cíclica, así que 400° y −320° dan el mismo resultado que 40°.
¿Por qué el resultado siempre es gris con 0% de saturación?
Con saturación cero, el tono no tiene efecto matemático en el color — obtienes un tono de gris determinado solo por la luminosidad.
¿Convertir el resultado de vuelta de HEX a HSL coincidirá exactamente?
Casi siempre, pero el redondeo en el paso intermedio de RGB puede causar una diferencia de una fracción de porcentaje en la saturación o luminosidad.
¿Se envían mis datos a algún sitio?
No, todo el cálculo se ejecuta en tu navegador.