HEX para RGBA

Conversor HEX para RGBA (Opacidade)

Converta códigos de cor HEX em RGBA com opacidade e transparência alfa instantaneamente. Suporta códigos hex de 3, 6 e 8 dígitos, conversão em lote e saída CSS pronta para uso.

Predefinições:
Entradas de Cor & Controle de Alfa
#
Canal Vermelho (R)79
Canal Verde (G)70
Canal Azul (B)229
80% (0.8 | 0xCC)
Marcos Principais de Opacidade
#FFFFFF
Predefinições de Substrato

Cole qualquer string rgba(r, g, b, a) ou rgb() para recalcular os parâmetros HEX com precisão.

Calcula a opacidade alfa exata necessária para atingir a cor de destino pretendida sobre o fundo.

Cor Composta Combinada#726BEA
rgb(114, 107, 234)
Feixe de Luz Incidente80% Alpha
rgba(79, 70, 229, 0.8)
Diagrama de Raios de Composição Óptica AlfaC_comp = C_fg × A + C_bg × (1 - A)
Primeiro Plano (Camada 1) #4F46E5 (Canal Alfa: 80%)Substrato (Camada 2) #FFFFFF (Sólido (100% de Opacidade))Simulação de Feixe de Luz (1.00)Transmitância (%): 20%#726BEAY: 20%
Trechos de Código Prontos para Uso por PlataformaPadrão de Sintaxe Ativo: modern-web
CSS Color 3 (rgba)rgba(79, 70, 229, 0.8)
CSS Color 4 (moderno)rgb(79 70 229 / 0.8)
HEX de 8 dígitos (#RRGGBBAA)#4F46E5CC
Tailwind CSSbg-[#4f46e5]/[80%]
Android Color (0xAARRGGBB)0xCC4F46E5
Flutter Color (Color(0xAARRGGBB))Color(0xCC4F46E5)
Código HEX Ativo#4F46E5
RGBA de Saídargba(79, 70, 229, 0.8)
Luminância Relativa BT.70920.0%
Contraste do Substrato4.19:1
Contraste sobre Branco4.19:1
Contraste sobre Preto5.01:1