DevToolbox

Gratis en línea Color Converter

Convierte colores entre los formatos HEX, RGB, RGBA, HSL y HSLA al instante — herramienta online gratuita con selector de color y muestras predefinidas. 100% del lado del cliente.

100% lado del cliente · Tus datos nunca salen de tu navegador

Cómo usar Color Converter

Introduce cualquier valor de color en el campo de texto — se aceptan los formatos HEX, RGB y HSL. También puedes usar el selector de color (el cuadrado de color) para elegir un color visualmente, o hacer clic en una de las muestras predefinidas para empezar rápidamente.

Haz clic en Convertir para ver las seis representaciones de formato y la muestra de color RGBA. Haz clic en el icono de copiar junto a cualquier formato para copiar ese valor al portapapeles.

Ejemplos de entrada admitidos:

  • #FF6B6B o #f6b (HEX abreviado)
  • rgb(255, 107, 107) o rgba(255, 107, 107, 0.8)
  • hsl(0, 100%, 71%) o hsla(0, 100%, 71%, 0.5)

Preguntas frecuentes

¿Qué formatos de color admite esta herramienta?

El convertidor acepta HEX (#RGB, #RRGGBB, #RRGGBBAA), RGB (rgb(r,g,b)), RGBA (rgba(r,g,b,a)), HSL (hsl(h,s%,l%)) y HSLA. Produce las seis representaciones de una sola vez.

¿Cuál es la diferencia entre RGB y HSL?

RGB describe un color mediante la intensidad de sus luces roja, verde y azul (0–255 cada una). HSL describe el color mediante el Tono (0–360°, posición en la rueda de colores), la Saturación (0–100%, intensidad del color) y la Luminosidad (0–100%, brillo). HSL suele ser más intuitivo para ajustar colores.

¿Qué es el formato HEX8?

HEX8 es un código hexadecimal de 8 dígitos (#RRGGBBAA) que incluye un canal alfa (transparencia) en los dos últimos dígitos. Por ejemplo, #FF000080 es rojo con un 50% de transparencia. Es compatible con CSS moderno y la mayoría de las herramientas de diseño.

¿Cómo convierto un color CSS hexadecimal a RGB?

Pega el código hexadecimal (con o sin el símbolo #) en el campo de entrada y haz clic en Convertir. Los valores RGB aparecen al instante en la tabla de resultados.

¿Qué significa el canal alfa?

El alfa controla la transparencia: 0 es completamente transparente, 1 (o 100%) es completamente opaco. Los formatos RGBA y HSLA incluyen un canal alfa. El selector de color tiene como valor predeterminado la opacidad total (alfa = 1).

Herramientas relacionadas