Convertidor de RGBA a RGB (fusión con el fondo)
Introduce un color de primer plano semitransparente (RGBA) y un color de fondo para calcular el color RGB opaco resultante de mezclar ambos mediante alpha blending, ideal como alternativa donde rgba() no es compatible.
La fórmula del alpha blending
Convertir RGBA en RGB opaco se conoce como "alpha blending" (el operador "over"). La siguiente fórmula se aplica de forma independiente a los canales R, G y B, y el resultado se redondea al entero más cercano.
| Fórmula | result = foreground × alpha + background × (1 − alpha) |
|---|
Consejos
- Algunas plantillas de correo HTML y navegadores antiguos (como ciertas versiones de IE) no admiten `rgba()` ni `opacity`. Incluir el valor RGB opaco calculado aquí junto a `background-color` ofrece una alternativa segura.
- Tanto el color de primer plano como el de fondo admiten el selector de color o la entrada directa en HEX, así que puedes pegar un color exacto ya elegido en tu herramienta de diseño.
- La opacidad (valor alfa) se ajusta con un control deslizante de 0 a 100%. 0% es totalmente transparente (es decir, solo el color de fondo) y 100% es totalmente opaco (es decir, solo el color de primer plano).
- Se ofrecen blanco y negro como fondos predefinidos porque son los dos casos más comparados en la práctica (fondos de modo claro y modo oscuro). Para un color de reemplazo más preciso, introduce como valor personalizado el color de fondo real que usa tu página.
Preguntas frecuentes
A propósito — Los orígenes del alpha blending
El concepto de alpha blending (composición alfa) suele remontarse a un artículo de 1984 titulado "Compositing Digital Images", publicado por Thomas Porter y Tom Duff en el campo de la infografía. Antes de eso, componer un primer plano sobre un fondo solía tratar únicamente la información de color. Ese artículo sistematizó la idea de emparejar un cuarto canal que representa la opacidad —el canal alfa— con los datos de color, y desde entonces se convirtió en el modelo estándar usado en CG y software de edición de imágenes.
Hoy en día, casi toda tecnología que maneja transparencia se basa en esta idea de alpha blending: formatos de imagen como PNG y SVG, las funciones `rgba()` y `opacity` de CSS, y las funciones de capas de la mayoría de los programas de dibujo. El método de composición más básico, conocido como el operador "over" (colocar un primer plano sobre un fondo), es exactamente la fórmula que utiliza esta herramienta.
Sin embargo, los problemas de compatibilidad con clientes de correo antiguos y navegadores heredados aún no se han resuelto por completo. El correo HTML en particular está muy limitado por los motores de renderizado, y a menudo simplemente no se pueden usar las técnicas modernas de transparencia CSS tal cual, por lo que precalcular un color de reemplazo opaco sigue siendo una técnica práctica muy utilizada.