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
Todos los cálculos se hacen localmente en tu navegador: análisis, gráfico, exportación. Si desconectas la red, la página sigue funcionando.
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.