Saltar al contenido
FileTinker

Conversor de HSL a HEX

Introduce un color HSL y FileTinker lo convierte a HEX en tiempo real, junto con los demás formatos. Cada valor es editable y está listo para usar en CSS o en una herramienta de diseño. Todo funciona en tu navegador.

Más ajustes preestablecidos

Ve a otro ajuste preestablecido: cada uno abre su propia página listo para usar:

Cómo convertir HSL a HEX

  1. Introduce tu valor HSL en su campo, o elige un color con la muestra.
  2. Lee el valor HEX mientras se actualiza al instante.
  3. Cópialo: listo para usar en CSS o en tu herramienta de diseño.

Acerca de convertir HSL a HEX

HSL y HEX describen el mismo color en pantalla con notaciones distintas, y convertir de uno a otro es algo habitual en el diseño web y gráfico. Esta página se centra en HSL a HEX, pero muestra HEX, RGB y HSL a la vez para que siempre tengas todos los formatos a mano.

Todo funciona en tu navegador, así que es instantáneo y privado: sin subidas, sin registro. Edita cualquier campo y los demás se actualizan, incluidas la vista previa en directo y el selector de color nativo.

Preguntas frecuentes

¿Cómo convierto HSL a HEX?

Escribe o pega tu valor HSL (o elige un color con la muestra) y lee el valor HEX directamente: se actualiza al instante. Cópialo con un solo clic.

¿Los valores están listos para CSS?

El valor HEX aparece junto a HEX, RGB, HSL y HSV: copia el que necesites. HEX, RGB y HSL se pegan directamente en CSS; HSV (HSB) es una notación de herramientas de diseño, no una función de CSS.

¿Puedo convertir al revés?

Sí. Cada campo es editable, así que también puedes pasar de HEX a HSL, o a cualquier otro formato: todos se mantienen sincronizados.

¿Se sube algo?

No. Toda la conversión funciona en tu navegador; no se envía nada a ninguna parte.