Converter Hexadecimal para RGBA

Na web utilizamos o sistema Hexadecimal para cores de fontes, backgrounds, etc ..
Mas uma vez ou outra precisamos do correspondente rgba para aplicar aquele efeito transparente, bom para isso podemos facilmente utilizar um programa do seu proprio windows a calculadora, lá no menu exibir podemos alterar para desenvolcedor.

Para começar vamos criar um novo documento e criar uma div a qual aplicaremos o efeito de transparência:

Agora vamos aplicar uma cor de purpura à nossa div

Veja o que temos até agora:

Bom mas e para converter a cor #800080 para o correspondente hexadecimal?


Abra sua Calculadora

Clique no menu exibir e escolha Programador ou tecle Alt + 3

Agora vamos dividir nosso código hexadecimal em blocos de dois sem o #

#800080 -> 80 00 80

Na calculadora marque a opção Hex

Digite a primeira parte do código 80 e marque a opção Dec

Ele nos mostra o resultado 128

Nossa segunda parte do código é 00 isso corresponde a 0 mesmo

a terceira parte do código é 80 e já sabemos que o correspondente será 128

Agora vamos colocar no nosso codigo o rgba:

Colocamos um aporcentagem de transparencia de 0.6 que corresponde a 60%;


Para codigos com letras funciona do mesmo modo


#48D38b  -> (72, 211, 139)

#87CEFA -> (135, 206, 250)