⭐ 0
🔍
Texto Imagen PDF y Docs Audio Música Electrónica Tiempo Utilidades Validadores Esoterismo Juegos

Convertidor HEX a HSL

Convierta cualquier color entre notación HEX, RGB, HSL y CMYK con una muestra de vista previa en vivo, directamente en su navegador.

Procesando... 0%
Analizando el valor del color
Convertir espacios de color
Vista previa de renderizado
hecho

Resultado

Esta página abre el convertidor de color con HEX preseleccionado: pegue un código como #3b82f6 y ejecútelo para leer el mismo color que hsl (tono, saturación, luminosidad).

HSL describe un color por tono (0–360°), saturación y luminosidad, lo que la convierte en la notación CSS más amigable para los humanos: oscurece un botón reduciendo la luminosidad o crea una paleta cambiando solo el tono; las ediciones con dígitos HEX no se pueden expresar de manera legible.

El conversor completo acepta entradas HEX, RGB o HSL y devuelve las cuatro notaciones a la vez, con un selector de color nativo y una muestra en vivo; todo sucede en su navegador, por lo que los valores de color nunca abandonan su dispositivo.

🛡️
Ejecutado en el navegador

Tus archivos y datos nunca salen de este dispositivo. El procesamiento se realiza completamente sin conexión. 100% seguro.

Formatos y reglas aceptados

  • Convierte entre modelos de color HEX, RGB, HSL y CMYK.
  • Selector de color nativo que llena el campo de valor en el formato seleccionado.
  • Muestra de vista previa en vivo más copia con un solo clic de las cuatro notaciones.

Beneficios clave

✓ Una entrada, cada notación: escriba un color una vez y léalo como HEX, RGB, HSL y CMYK simultáneamente.
✓ Analizador indulgente: acepta #fff, #3b82f6, rgb(255, 0, 0), tripletes "255, 0, 0" y hsl(120, 50%, 50%) por igual.
✓ Se ejecuta completamente en su navegador: los valores de color nunca se cargan en ninguna parte.

Casos de uso

  • • Convierta el código #rrggbb de un libro de marca en notación rgb() o hsl() antes de cablear los estados de desplazamiento y deshabilitado en CSS.
  • • Convierta un color RGB en pantalla a porcentajes CMYK para verificar cómo se separará antes de enviar tarjetas de presentación o folletos para imprimir.
  • • Coloque un color con el selector incorporado y copie las cuatro notaciones a la vez para realizar una transferencia del diseño al código.