Conversor HEX / RGB / HSL
Convierte colores entre HEX, RGB y HSL en tiempo real. Con color picker visual, preview y opcion de alpha.
Inicia sesion para usar esta herramienta
Gratis y sin contrasena — solo con tu cuenta Google
Siguiente paso
Preguntas frecuentes
¿Qué diferencia hay entre HEX, RGB y HSL?
HEX (#RRGGBB) es el formato más común en CSS y disenio web. RGB (rojo, verde, azul) describe el color por intensidad de cada canal (0-255). HSL (tono, saturacion, luminosidad) es el más intuitivo para ajustar colores manualmente porque separa el tono del brillo.
¿Qué es el canal alpha?
Alpha controla la opacidad del color: 0 = completamente transparente, 1 = completamente opaco. En HEX se representa como un octeto extra (#RRGGBBAA), en RGB como rgba(r, g, b, a) y en HSL como hsla(h, s%, l%, a).
¿Los cambios en un formato actualizan los otros?
Sí. Los tres inputs y el color picker estan sincronizados en tiempo real. Cambiar cualquiera de ellos actualiza los demás al instante.
¿Puedo copiar el color en el formato que necesito?
Sí. Cada formato tiene su propio botón 'Copiar' que copia la representacion exacta al portapapeles.
Herramientas relacionadas
Generador de gradiente CSS
Creá gradientes lineales o radiales con hasta 5 colores. Obtené el CSS y las clases Tailwind con un click.
Formateador de JSON
Formatea, minifica y valida JSON en tu navegador. Muestra errores con línea y columna exactos.
Generador de slug
Convertí cualquier texto en un URL slug limpio. Con opciones de separador, capitalización y largo máximo.