Représentation hexadécimale d'une couleur avec canal alpha?

Est-il W3 ou de tout autre remarquable série sur la façon de représenter une couleur (y compris canal alpha) au format hex?

Est-il #RGBA ou #ARGB?

  • Il vient dans les Couleurs CSS de Niveau 4 source (voir le quatrième point)
  • si vous aviez mis dans une réponse, j'aurais upvoted vous.
  • Dois-je regarder comme j'ai besoin de la rep? :-P
  • lol, si vous vous souciez de vous partager quelques-alors... =)
  • Il y a un similaire CSS question spécifique à ce sujet ici: CSS hexadécimal de la RGBA?
InformationsquelleAutor Patrick Klug | 2009-09-14
  1. 78

    En CSS 3, pour citer le spec, "il n'y a pas de notation hexadécimale pour une valeur RGBA" (voir CSS Niveau 3 spec). Au lieu de cela, vous pouvez l'utiliser rgba() notation fonctionnelle avec des décimales ou des pourcentages, par exemple rgba(255, 0, 0, 0.5) serait de 50% transparent rouge. Canaux RVB sont de 0 à 255 ou 0%-100%, alpha est de 0-1.

    En CSS 4*, vous pouvez spécifier le canal alpha à l'aide de la 7e et de la 8e caractères de 8 chiffres hexadécimal de la couleur, ou le 4e personnage de 4 chiffres hexadécimal de la couleur (voir CSS Niveau 4 spec*)

    En Mai 2019, >80% des utilisateurs peuvent être en mesure de comprendre le #RGBA format

    • Firefox a pris en charge cette syntaxe depuis Firefox 49 (Mozilla bug 567283).
    • Safari a pris en charge cette syntaxe depuis Safari 10.
    • Chrome a pris en charge cette syntaxe depuis Chrome 62. Pour les versions antérieures, vous pouvez activer expérimentale fonctionnalités web pour utiliser cette syntaxe. Voir Chrome Question 618472 et Webkit bug 150853.
    • Applications Android qui ciblent Android P ou plus récent pouvez utiliser cette syntaxe
    • Opéra prend en charge cette syntaxe dans l'Opéra 52 (ou à l'Opéra 39 lorsque expérimentale web les fonctionnalités sont activées).
    • IE 11 et EdgeHTML 18 Edge (44) ne supportent pas cette syntaxe. Chrome versions de Bord sera l'appui de cette syntaxe.

    Jusqu'à la date de prise en charge du navigateur de l'information est disponible sur CanIUse.com

    *Techniquement toujours en projet, mais compte tenu de la prise en charge du navigateur, il est peu probable d'être changé.

    • A partir de maintenant, Mozilla (Firefox 49) s'affiche à l'appui de #RRGGBBAA et #RGBA
    InformationsquelleAutor thelem
  2. 88

    Il semble comme il n'y a pas de hex alpha format: http://www.w3.org/TR/css3-color/

    De toute façon, si vous utilisez un préprocesseur CSS comme SASS, alors vous pouvez passer un hex de rgba:
    contexte:

    rgba(#000, 0.5);

    Et le préprocesseur juste convertit le code hexadécimal en rvb automatiquement.

    InformationsquelleAutor guitarranalon
  3. 14

    Je ne sais pas si il y a un standard officiel-

    RGBA est la représentation que j'ai vu pour le Web
    Macromedia et d'autres utilisent ARGB

    Je crois que RGBA est le plus commun de la représentation.

    Si ça aide c'est de W3 CSS3

    http://www.w3.org/TR/css3-color/#rgba-color

    MODIFIER (Patrick): sur devis à partir de ci-dessus W3 lien

    À la différence des valeurs RVB, il n'y a pas de notation hexadécimale pour une valeur RGBA

    • Aussi, la fonction CSS pour la spécification des couleurs avec des alphas est rgba()
    • à partir de la W3 lien que vous avez posté: à la différence des valeurs RVB, il n'y a pas de notation hexadécimale pour une valeur RGBA.
    • J'ai vu #RGB,UN avant. Bizarre.
    • Pour Android un drawable, il semble être ARGB: developer.android.com/reference/android/graphics/drawable/...
    InformationsquelleAutor Kelly Gendron
  4. 7

    Chrome 52+ prend en charge alpha hex:

    background: #56ff0077;

    Pour les anciens navigateurs, vous devrez utiliser:

    background-color: rgba(255, 220, 0, 0.3);
    • Non, il n'est pas, sauf si vous activez le expérimentales fonctionnalités web, car il a été à l'origine des problèmes sur Android. Voir ma réponse ci-dessus pour la prise en charge du navigateur de détails.
    InformationsquelleAutor Oded Breiner
  5. 3

    Vous pourriez essayer de mettre la hexadécimal de la couleur dans le sélecteur de couleur de GIMP ou de magasin de photo 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 en rouge, avec un alpha de 5 puis rgba(255,0,0,.5).

    Peut-être pas exactement ce que tu voulais, mais j'espère que vous aide.

    • Cela a été voté en bas, ce qui semble un peu sévère. Il ne répond pas à la question posée, mais la question n'est pas de dire pourquoi ils veulent savoir. Si ils veulent juste utiliser une LED de couleur en CSS, alors cette réponse est correcte.
    InformationsquelleAutor Jinjubei