This handy little tool with help you visualize colors and opacity in the CSS3 color format of RGBA. This generator will output the code necessary for use with the background-color property and the color property. Just slide the sliders to see different colors and opacity on the fly.

RGBA Preview
Preview Area
RGBA Options

 

 

 

 

CSS Code

Browser Support
Firefox

Firefox 3.0+

Safari

Safari 3.1+

Opera

Opera 10.0+

Chrome

Chrome 4.0+

Internet Explore

IE 9.0+