HEX a HSL
Descompone un color HEX en tono, saturación y luminosidad HSL. Esta representación permite razonar sobre variaciones de una paleta, aunque el porcentaje de luminosidad no mide por sí mismo la legibilidad o el brillo percibido.
Tu archivo se procesa en tu navegador y no se guarda en CARCPI.
Cómo usarla
- 1Pega un color HEX de tres o seis dígitos.
- 2Convierte y revisa el tono en grados y los dos porcentajes.
- 3Si editas el HSL, comprueba el resultado con HSL a HEX y una vista del color final.
Cuándo usar esta herramienta
- Comparar el tono de dos colores de una paleta.
- Obtener un punto de partida HSL para ajustar una interfaz.
Cómo elegir y comprobar el resultado
Porcentajes redondeados
El cálculo pasa por los canales RGB y redondea los tres componentes a enteros. Ese redondeo puede impedir que la conversión inversa recupere exactamente todos los canales originales. En colores sin saturación el tono mostrado se fija en cero.
Rojo saturado
#ff0000 produce hsl(0, 100%, 50%). #808080 produce un gris con saturación 0% y luminosidad cercana a 50%; el tono cero en ese gris no significa que se vea rojo.
Qué debes tener en cuenta
- No procesa HEX con alpha ni mide relaciones de contraste.
- HSL no es una escala perceptualmente uniforme: iguales cambios numéricos pueden verse distintos.
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
¿Puedo recuperar siempre el HEX exacto?
No necesariamente, porque la salida HSL se redondea.
¿Por qué un gris tiene tono 0?
El tono no determina el aspecto cuando la saturación es cero.
¿50% de luminosidad garantiza texto legible?
No. La legibilidad requiere evaluar el color junto al fondo y otros criterios.