Say Hello to RGBA Color with CSS3

Posted on Wed, March 31, 2010 in Web Design by Paul Weinert

If you're a web designer or front-end developer stop using Hexadecimal colors. RGBA offers your greater flexibility and control to make your designs pop and get you out of PhotoShop. Let's use a bright blue for example. I can define this as #1c0abc in Hexadecimal or as an rgb(28,10,188) RGB value in my CSS.

style="background-color:#1c0abc;" or

style="background-color: rgb(28,10,188);" with RGBA, you can add a fourth value, the "alpha" transparency of the color. 0.0 is 100% transparent. 1 is fully visible.

Above is five stops, with the A value .2-1.0 in .2 increments....

Read More

Topics

Authors

Tell Us About Your Project

Invalid phone number