Hex representation of a color with alpha channel?

by

In CSS 3, to quote from the spec, “there is no hexadecimal notation for an RGBA value” (see CSS Level 3 spec). Instead you can the use rgba() functional notation with decimals or percentages, e.g. rgba(255, 0, 0, 0.5) would be 50% transparent red. RGB channels are 0-255 or 0%-100%, alpha is 0-1.

In CSS Color Level 4, you can specify the alpha channel using the 7th and 8th characters of an 8 digit hex colour, or 4th character of a 4 digit hex colour (see CSS Color Module Level 4 spec*)

As of July 2022, >95% of users can be expected to understand the #RGBA format

It has been supported since:

  • Firefox 49, released Sept 2016 (Mozilla bug 567283).
  • Safari 10, released Sept 2016.
  • Chrome 62, released Oct 2017. For earlier versions you could enable experimental web features to use this syntax. See Chromium Issue 618472 and Webkit bug 150853.
  • Opera 52, released March 2018 (or Opera 39 when experimental web features are enabled).
  • Edge 79, released Jan 2020 (the first version of Edge based on Chromium)
  • Samsung Internet 8.2, released Dec 2018
  • Android P (your app must target Android P or newer)

It is not supported in:

  • IE
  • Original Edge (version numbers up to and including 18)
  • Opera Mini
  • UC Browser

Up to date browser support information is available on CanIUse.com

More Related Contents:

  1. Is there a W3C valid way to disable autocomplete in a HTML form?
  2. List of ANSI color escape sequences
  3. How to decide font color in white or black depending on background color?
  4. Star B-V color index to apparent RGB color
  5. Given an RGB value, how do I create a tint (or shade)?
  6. Transparent ARGB hex value
  7. Converting hex color to RGB and vice-versa
  8. gnuplot: apply colornames from datafile
  9. navbar color in Twitter Bootstrap
  10. Coloring individual triangles in a triangle mesh on javafx
  11. SVG fill color transparency / alpha?
  12. Fastest formula to get Hue from RGB
  13. How to pick good contrast RGB colors programmatically?
  14. RGB to HSL conversion
  15. JavaFX ProgressBar: how to change bar color?
  16. Are std::vector elements guaranteed to be contiguous?
  17. Effects of the extern keyword on C functions
  18. JS function to calculate complementary colour?
  19. Algorithm to check similarity of colors
  20. Convert RGBA color to RGB
  21. asymmetric color distribution in scale_gradient2?
  22. Good text foreground color for a given background color
  23. Stacked barplot with colour gradients for each bar
  24. Increase resolution of color scale for values close to zero
  25. How to slowly change object color from one to another?
  26. Get color of each pixel of an image using BufferedImages
  27. Change button background color using swift language
  28. Standard C library in mingW
  29. How to change ttk.progressBar color in python
  30. Can a “container_of” macro ever be strictly-conforming?

Leave a Comment