Existe-t-il un W3 ou une autre norme digne de mention sur la façon de représenter une couleur (y compris le canal alpha) au format hexadécimal?
Est-ce #RGBA ou #ARGB?
:-P
Existe-t-il un W3 ou une autre norme digne de mention sur la façon de représenter une couleur (y compris le canal alpha) au format hexadécimal?
Est-ce #RGBA ou #ARGB?
:-P
Réponses:
En CSS 3, pour citer la spécification, "il n'y a pas de notation hexadécimale pour une valeur RGBA" (voir la spécification CSS niveau 3 ). À la place, vous pouvez utiliser la notation fonctionnelle rgba () avec des décimales ou des pourcentages, par exemple rgba (255, 0, 0, 0,5) serait à 50% de rouge transparent. Les canaux RVB sont 0-255 ou 0% -100%, alpha est 0-1.
En CSS 4 *, vous pouvez spécifier le canal alpha en utilisant les 7e et 8e caractères d'une couleur hexadécimale à 8 chiffres, ou le 4e caractère d'une couleur hexadécimale à 4 chiffres (voir la spécification CSS niveau 4 *)
En mai 2019, on peut s'attendre à ce que plus de 80% des utilisateurs comprennent le format #RGBA
Les informations de support à jour du navigateur sont disponibles sur CanIUse.com
* Techniquement encore à l'état de brouillon, mais étant donné la prise en charge du navigateur, il est peu probable que cela soit changé.
Il semble qu'il n'y ait pas de format hexadécimal alpha: http://www.w3.org/TR/css3-color/
Quoi qu'il en soit, si vous utilisez un préprocesseur CSS comme SASS, vous pouvez passer un hexadécimal à rgba
: background:
rgba(#000, 0.5);
Et le préprocesseur convertit simplement le code hexadécimal en RVB automatiquement.
Je ne sais pas s'il existe une norme officielle-
RGBA est la représentation que j'ai vue pour Web Macromedia et d'autres utilisent ARVB
Je crois que RGBA est la représentation la plus courante.
Si cela aide, c'est de W3 pour CSS3
http://www.w3.org/TR/css3-color/#rgba-color
EDIT (Patrick): citation du lien W3 ci-dessus
Contrairement aux valeurs RVB, il n'y a pas de notation hexadécimale pour une valeur RVBA
Chrome 52+ prend en charge alpha hex:
background: #56ff0077;
Pour les navigateurs plus anciens, vous devrez utiliser:
background-color: rgba(255, 220, 0, 0.3);
Vous pouvez essayer de mettre la couleur hexadécimale dans le sélecteur de couleurs de GIMP ou du magasin de photos pour obtenir la valeur RVB, puis en utilisant la valeur alpha. par exemple. le rouge est #FF0000
ou rgb(255,0,0
) si vous voulez du rouge avec une valeur alpha de 0,5 alors rgba(255,0,0,.5)
.
Peut-être pas exactement ce que vous vouliez mais, espérons-le, cela aide.