Convertir color RGBA a RGB
Quita la transparencia de un color RGBA y obtén el RGB opaco que se ve igual sobre el fondo que elijas.
Tus datos no se envían a ningún servidor.
El conversor de RGBA a RGB quita la transparencia de un color y te da el
color opaco que se ve igual sobre el fondo que elijas. Sirve para llevar un
rgba() de tu CSS a sitios que no admiten transparencia sin que cambie su aspecto.
Por qué el fondo cambia el resultado
Un color con alfa menor que 1 deja pasar parte del fondo. El navegador mezcla
ambos canal a canal, así que el mismo rgba() da colores distintos según lo que
tenga debajo. Por ejemplo, con el azul rgba(59, 130, 246, 0.2):
| Fondo | RGB resultante | Hex |
|---|---|---|
| Blanco | rgb(216, 230, 253) | #D8E6FD |
| Negro | rgb(12, 26, 49) | #0C1A31 |
Sobre blanco sale un azul pastel y sobre negro un azul marino casi negro. Por eso la herramienta te pide el fondo antes de calcular.
Para qué sirve
- Exportar a formatos sin transparencia: JPG, correos HTML o documentos para imprimir.
- Pasar un diseño a otra herramienta: muchos programas y librerías solo aceptan colores RGB opacos.
- Evitar superposiciones inesperadas: un fondo semitransparente cambia de color si cambia lo que hay debajo; uno opaco se ve siempre igual.
- Medir el contraste real: los comprobadores de contraste necesitan el color que finalmente se ve, no el que lleva transparencia.
Cómo usar RGBA a RGB
- 1
Introduce el color RGBA
Escribe los canales R, G y B (de 0 a 255) y el alfa A (de 0 a 1). Si vienes de otra herramienta de color, los valores se rellenan solos.
- 2
Elige el fondo
Indica sobre qué color se va a ver: blanco, negro o cualquier hex. El resultado depende del fondo, porque el color transparente deja ver lo que hay debajo.
- 3
Copia el RGB sólido
Copia el rgb() o el hex resultante. Es un color opaco que se ve exactamente igual que tu RGBA sobre ese fondo.
Preguntas frecuentes
¿Cómo se convierte RGBA a RGB?
Se mezcla cada canal con el del fondo según el alfa: resultado = color × alfa + fondo × (1 − alfa). Por ejemplo, negro al 50 % sobre blanco da 0 × 0,5 + 255 × 0,5 = 127,5, que se redondea a 128. El resultado es rgb(128, 128, 128).
¿Por qué necesito indicar un fondo?
Porque un color con transparencia no tiene un aspecto fijo: el mismo rgba() se ve claro sobre blanco y oscuro sobre negro. Para sustituirlo por un color opaco hay que saber sobre qué se va a pintar.
¿No basta con quitar el cuarto valor del rgba()?
Solo si el alfa es 1. Si no, al quitarlo el color pasa a ser completamente opaco y se ve más intenso que antes. Un azul al 20 % sobre blanco es un azul muy pálido, y quitando el alfa obtendrías el azul puro.
¿Cuándo hace falta un color sin transparencia?
En imágenes JPG, que no tienen canal alfa, en muchos clientes de correo, en impresión y en cualquier programa que solo admita RGB. También al comprobar el contraste de un texto, que debe medirse con el color que realmente se ve.
¿El resultado es exacto?
Es el mismo cálculo que hace el navegador al componer colores, redondeado al entero más próximo en cada canal. El redondeo mueve cada canal como mucho media unidad, algo imperceptible a la vista.