Si introduces un HEX de 8 dígitos (p. ej. #3B82F6CC), este campo se ignora — la transparencia viene de los dos últimos dígitos del HEX.
Resultado
Esta página no tiene parte de servidor en absoluto. La tabla que pegas la procesa JavaScript dentro de tu propio navegador, el gráfico se dibuja en un elemento canvas de tu máquina y el archivo de exportación se arma localmente. Nada se sube, se almacena ni se escribe en ningún registro. Puedes desconectar la red después de cargar la página y todo seguirá funcionando: es la forma más sencilla de comprobarlo tú mismo.
Datos y límites del método
| HEX de 6 dígitos | Un color opaco — la transparencia viene del campo aparte |
|---|---|
| HEX de 8 dígitos | Los dos últimos dígitos son el canal alfa en hexadecimal (00–FF) |
| Rango de transparencia | De 0 (totalmente transparente) a 1 (totalmente opaco) |
| Muestra de color | Se muestra sobre un fondo a cuadros para que la transparencia sea visible |
Cuándo induce a error
- El formato HEX de 8 dígitos con alfa no es compatible con todos los navegadores antiguos ni editores gráficos — al exportar a esos sistemas, es más seguro usar canales RGBA numéricos separados en vez de HEX8.
- Si se introduce un HEX de 8 dígitos, el valor del campo "Transparencia" se ignora — el propio código HEX es la única fuente de verdad para el canal alfa en ese caso.
- La transparencia se redondea a dos decimales para mostrarla — esto coincide con la precisión de un byte (256 pasos) de alfa en un HEX de 8 dígitos.
- La forma corta (#RGB, 3 dígitos) solo es compatible con colores opacos — la forma corta con canal alfa (4 dígitos) no la reconoce este conversor.
Cómo se calcula
Si el código HEX tiene 8 dígitos, los dos últimos se interpretan como el canal alfa: se convierten de un número hexadecimal (0–255) a una fracción de 0 a 1 dividiendo entre 255.
Si el código HEX tiene 3 o 6 dígitos (sin canal alfa), la transparencia se toma del campo de entrada aparte, ajustada al rango 0–1.
Los seis dígitos restantes se analizan igual que en el conversor de HEX a RGB — un par para cada canal rojo, verde, azul.
La cadena rgba() final se arma con cuatro valores: tres números enteros R/G/B y un valor de transparencia fraccionario redondeado a dos decimales.
Preguntas y respuestas
¿Qué es un HEX de 8 dígitos?
Un código HEX normal de 6 dígitos con dos dígitos extra de canal alfa al final — por ejemplo, #3B82F6CC, donde "CC" define la transparencia.
¿Cómo defino la transparencia con un HEX normal de 6 dígitos?
Introduce el valor que quieras de 0 a 1 en el campo aparte "Transparencia" — solo se usa cuando el código HEX no tiene su propio canal alfa.
¿Por qué la muestra se ve sobre un fondo a cuadros?
Es la forma estándar en que las herramientas de diseño muestran la transparencia — el patrón a cuadros se ve a través de un color semitransparente en vez de un fondo blanco liso.
¿Se envían mis datos a algún sitio?
No, todo el cálculo se ejecuta en tu navegador.