Examples of using CSS to specify opacity

Note that the last letter of the four in the rgba( ) color specification is "a". It refers to "alpha". This term is often used to indicate the amount of opacity. In the following examples the value represents a percentage of opacity:

  • 1 = 100%
  • .4 = 40%
  • .2 = 20%
Blue 100% opaque
CSS color specification:

color: rgba (0, 0, 255, 1);
Blue with 40% opacity
CSS color specification:

color:rgba (0, 0, 255, .4;)
Blue with 20% opacity
CSS color specification

color: rgba (0, 0, 255, .2);
CSS CSS CSS