HSL a HEX
Calcula un color hexadecimal a partir de tres componentes HSL: tono en grados, saturación porcentual y luminosidad porcentual. Es útil al terminar un ajuste manual de paleta y necesitar una notación de seis dígitos.
Tu archivo se procesa en tu navegador y no se guarda en CARCPI.
Cómo usarla
- 1Introduce valores como 120, 100, 50 o hsl(120, 100%, 50%).
- 2Mantén el tono entre 0 y menos de 360 para evitar interpretaciones fuera de las ramas previstas.
- 3Convierte y revisa el HEX en el diseño donde se aplicará.
Cuándo usar esta herramienta
- Pasar un verde definido por tono a una especificación HEX.
- Fijar una variante de saturación de una paleta manual.
Cómo elegir y comprobar el resultado
No es un parser CSS completo
La función toma los primeros tres números. Limita saturación y luminosidad a 0–100, pero no normaliza de forma general tonos negativos o vueltas adicionales. No introduzcas radianes, turn ni un canal alpha esperando una conversión equivalente.
Verde y gris
120, 100, 50 produce #00ff00. Al usar 120, 0, 50 se obtiene #808080: con saturación cero, el tono deja de distinguir el color y solo queda la luminosidad del gris.
Qué debes tener en cuenta
- La salida redondea canales RGB a enteros, por lo que puede haber pequeñas diferencias de cuantización.
- No valida contraste ni conserva transparencia de una función hsla.
Privacidad y procesamiento
La transformación se calcula en el navegador con el texto introducido. No requiere una petición a CARCPI con ese contenido; copiar o compartir el resultado queda bajo tu control.
FAQ
¿Admite porcentajes escritos con el signo %?
Sí, extrae sus números; interprétalos como saturación y luminosidad de 0 a 100.
¿Puedo usar tono -30?
Evítalo: esta implementación no aplica una normalización completa de ángulos.
¿Genera ocho dígitos para alpha?
No. Devuelve únicamente los tres canales RGB como seis dígitos.