IQ
PayloadIQ
Utilidades de PayloadIQ

Conversor de colores HEX, RGB y HSL

Pega un código HEX o elige un color y obtén al instante su equivalente en HEX, RGB y HSL, con una muestra en vivo. Todo en tu navegador.

HEX#7C6AF7
RGBrgb(124, 106, 247)
HSLhsl(248, 90%, 69%)

Se ejecuta en tu navegador. Lo que introduces no se sube a PayloadIQ.

Este conversor pasa un color entre HEX, RGB y HSL directamente en tu navegador, sin subir nada a ningún servidor. Escribe un código HEX (de 3 o 6 dígitos, con o sin #) o usa el selector de color, y verás el mismo tono en los tres formatos junto a una muestra en vivo. Cada formato tiene su propio botón de copiar, así que tomas justo el valor que necesitas.

Cómo funciona

Al introducir un valor, la herramienta lo interpreta y calcula al vuelo los demás formatos: HEX para CSS y diseño, RGB cuando una API o un canvas espera tres canales, y HSL cuando quieres ajustar el tono, la saturación o la luminosidad sin perder el matiz. La muestra de color se actualiza mientras escribes, de modo que compruebas el resultado a simple vista antes de copiarlo. Es práctico cuando una herramienta pide #7c6af7 y otra necesita rgb(124, 106, 247).

Privada y siempre disponible

Toda la conversión ocurre de forma local, en el propio navegador: tus colores no viajan a ningún sitio y la herramienta sigue funcionando aunque pierdas la conexión. No hay registro ni cuentas. Es ideal para el trabajo del día a día con sistemas de diseño y hojas de estilo, donde pasas constantemente del HEX que te da un diseñador al RGB o HSL que pide tu código.

Preguntas frecuentes

¿Se suben mis colores a algún servidor?
No. Todo el cálculo se ejecuta en tu navegador con JavaScript y nada sale de tu equipo. Puedes incluso usar la herramienta sin conexión una vez cargada la página.
¿Qué formatos de entrada acepta?
Puedes pegar un código HEX de 3 o 6 dígitos, con o sin el símbolo #, o elegir un color con el selector. A partir de ahí obtienes el equivalente en HEX, RGB y HSL al instante.
¿Cuándo conviene usar HSL en lugar de HEX o RGB?
HSL es muy cómodo para ajustar la luminosidad y la saturación manteniendo el mismo tono, por ejemplo para generar variantes más claras u oscuras de un color de marca sin cambiar su matiz.
¿La conversión entre HEX y RGB pierde precisión?
No. HEX y RGB representan exactamente los mismos valores de 0 a 255 por canal, así que la conversión es exacta en ambos sentidos. En HSL puede haber pequeños redondeos al mostrar grados y porcentajes, pero el color resultante es el mismo.

Utilidades relacionadas

Cualquier archivo a MarkdownPDF a MarkdownWord (DOCX) a MarkdownExcel (XLSX) a Markdown
Abrir PayloadIQ Playground