HEX para RGBA

Compare HEX com RGBA

Na maioria dos casos, é possível reconhecer uma cor por um código hexadecimal, levando em consideração apenas os primeiros dígitos dos pares. No exemplo abaixo, está claro que a cor é misturada com muito vermelho, um pouco de azul e nenhum verde. Entender cores por código hexadecimal permite que um web designer navegue no código da página mais rápido e, além disso, você sempre pode impressionar colegas ou clientes dizendo Ah, que tom maravilhoso de vinho. Você também pode alterar facilmente o brilho, o matiz ou a saturação de uma cor editando apenas seu código hexadecimal. No primeiro exemplo abaixo, um dos pares é alterado em etapas de 10%, enquanto o brilho da cor aumenta. No segundo exemplo, o brilho aumenta, mas a saturação cai:

RGBA é uma versão estendida do RGB, mas com suporte adicional para o canal alfa, que é responsável pela transparência do preenchimento da cor. Para este modelo de cores, quatro coeficientes já estão indicados, o último dos quais é um número fracionário no intervalo de 0, onde 0 é a transparência total a 1, que corresponderá a uma cor completamente opaca. O sistema RGBA adiciona outro número que descreve a transparência da cor, o valor pode variar de 0 (totalmente transparente) a 1 (totalmente opaco). Um valor de 0,5 torna a cor semitransparente, considere uma versão semitransparente de roxo escuro, especificada usando o sistema RGBA: color: rgba (204, 51, 255, 0,5). Você pode ver que os valores de vermelho, verde e azul são semelhantes aos do sistema RGB. O quarto número - 0,5 é o grau de transparência. As cores RGBA são úteis para criar elementos translúcidos que tornam visíveis os elementos abaixo deles.