Conversor de colores — HEX a RGB, RGB a HSL y HSL

Usa este conversor de colores gratis en línea para traducir cualquier color entre HEX, RGB y HSL en un solo lugar. Tanto si necesitas HEX a RGB, RGB a HSL, HEX a HSL o la conversión inversa, solo elige un color con el selector o escribe un valor en cualquier campo y los demás formatos se actualizan al instante junto a una gran muestra de vista previa en vivo. Cada valor tiene un botón de copia con un clic, así que obtener un código HEX o una cadena rgb() para tu CSS es cuestión de un toque. Los códigos HEX de 3 dígitos se expanden automáticamente y todos los cálculos se ejecutan 100% en tu navegador: ningún valor de color se sube nunca.

🔒 100 % privado — los archivos nunca salen de tu dispositivo

Cargando…

Cómo usar

  1. Elige un color con el selector o escribe un valor en el campo HEX, RGB o HSL.
  2. Los otros dos formatos y la muestra de vista previa en vivo se actualizan automáticamente mientras escribes.
  3. Revisa la muestra para confirmar que tienes exactamente el color que quieres.
  4. Haz clic en Copiar junto al valor HEX, RGB o HSL que necesitas y pégalo en tu proyecto.

Preguntas frecuentes

¿Qué formatos de color admite el conversor?

Convierte entre HEX (por ejemplo #4f8cff), RGB (por ejemplo rgb(79, 140, 255)) y HSL (por ejemplo hsl(218, 100%, 65%)). Editar cualquier campo actualiza al instante los otros dos y la muestra de vista previa.

¿Se sube a algún sitio mi dato de color?

No. Toda la conversión ocurre localmente en tu navegador con cálculos simples. Ningún valor de color ni selección del selector se envía a un servidor, así que la herramienta funciona incluso sin conexión una vez cargada.

¿Puedo pegar un código HEX de 3 dígitos?

Sí. Los códigos HEX cortos como #abc se expanden automáticamente a su forma completa de 6 dígitos (#aabbcc) antes de convertir, así que puedes pegar valores abreviados directamente.

¿Admite CMYK o transparencia alfa?

No. Esta herramienta se centra solo en HEX, RGB y HSL. Lee los valores RGB de cadenas rgba()/hsla() pero ignora el canal alfa, y CMYK no está admitido.

¿Las conversiones entre HEX, RGB y HSL son exactas?

HEX y RGB se corresponden uno a uno y siempre son exactos. Los valores HSL se redondean a números enteros, así que un viaje de ida y vuelta puede variar en un punto: esto coincide con cómo manejan HSL los navegadores y es invisible en pantalla.

¿Puedo usar los resultados en CSS?

Sí. Las salidas RGB y HSL vienen con formato listo para usar como cadenas rgb(...) y hsl(...), y el valor HEX funciona donde se espere un color, así que puedes copiar y pegar directo en tu hoja de estilos.

Acerca de esta herramienta

Conversor de colores gratis: convierte HEX a RGB, RGB a HSL y HEX a HSL al instante. Funciona 100% en tu navegador con muestra en vivo — nada se sube.

Herramientas relacionadas