Existe um W3 ou qualquer outro padrão digno de nota sobre como representar uma cor (incluindo canal alfa) em formato hexadecimal?
É #RGBA ou #ARGB?
:-P
Existe um W3 ou qualquer outro padrão digno de nota sobre como representar uma cor (incluindo canal alfa) em formato hexadecimal?
É #RGBA ou #ARGB?
:-P
Respostas:
No CSS 3, para citar a especificação, "não há notação hexadecimal para um valor RGBA" (consulte as especificações do CSS de nível 3 ). Em vez disso, você pode usar a notação funcional rgba () com decimais ou porcentagens, por exemplo, rgba (255, 0, 0, 0,5) seria 50% vermelho transparente. Os canais RGB são 0-255 ou 0% -100%, alfa é 0-1.
No CSS 4 *, você pode especificar o canal alfa usando o 7º e o 8º caracteres de uma cor hexadecimal de 8 dígitos ou o quarto caractere de uma cor hexadecimal de 4 dígitos (consulte as especificações CSS Nível 4 *)
Desde maio de 2019, espera-se que mais de 80% dos usuários entendam o formato #RGBA
Informações atualizadas de suporte do navegador estão disponíveis em CanIUse.com
* Tecnicamente ainda em rascunho, mas dado o suporte do navegador, é improvável que seja alterado.
Parece que não há formato alfa hexadecimal: http://www.w3.org/TR/css3-color/
De qualquer forma, se você usar um pré-processador CSS como o SASS, poderá passar um hex para rgba
: background:
rgba(#000, 0.5);
E o pré-processador apenas converte o código hexadecimal para rgb automaticamente.
Não tenho certeza se existe um padrão oficial
RGBA é a representação que vi para Web Macromedia e outros usam ARGB
Eu acredito que RGBA é a representação mais comum.
Se ajudar, isso é do W3 para CSS3
http://www.w3.org/TR/css3-color/#rgba-color
EDIT (Patrick): citação do link W3 acima
Ao contrário dos valores RGB, não há notação hexadecimal para um valor RGBA
O Chrome 52+ é compatível com alfa hexadecimal:
background: #56ff0077;
Para navegadores mais antigos, você terá que usar:
background-color: rgba(255, 220, 0, 0.3);
Você pode tentar colocar a cor hexadecimal no seletor de cores do GIMP ou loja de fotos para obter o valor RGB e, em seguida, usar o valor alfa. por exemplo. vermelho é #FF0000
ou rgb(255,0,0
) se você quiser vermelho com um valor alfa de 0,5, então rgba(255,0,0,.5)
.
Talvez não seja exatamente o que você queria, mas espero que ajude.