Online CSS RGBA Generator

What is RGBA color space?

RGBA stands for Red Green Blue Alpha. While it is sometimes described as a color space. It is actually simply a use of the RGB color model, with extra alpha channel information. The color is RGB, and may belong to any RGB color space, but an integral alpha value as invented by Catmull and Smith between 1971 and 1972 enables alpha compositing. The inventors named alpha after the Greek letter in the classic linear interpolation formula α A + (1 − α) B.

The alpha channel is normally used as an opacity channel. If a pixel has a value of 0% in its alpha channel, it is fully transparent (and, thus, invisible), whereas a value of 100% in the alpha channel gives a fully opaque pixel (traditional digital images). Values between 0% and 100% make it possible for pixels to show through a background like a glass, an effect not possible with simple binary (transparent or opaque) transparency. It allows easy image compositing. [Source: wikipedia]

RGBA colors:

RGBA color values are supported in IE9+, Firefox 3+, Chrome, Safari, and in Opera 10+.
RGBA color values are an extension of RGB color values with an alpha channel - which specifies the opacity of the object.
The alpha parameter is a number between 0.0 that means it is fully transparent and 1.0 that is fully opaque.

Now try CSS RGBA Generator:

Select Color -

Opacity -

Created by Tech Zoop

Do you want to add this tools in your blog?

Yes, you can also add this CSS tools in your blog or webpage. If you want to add this tools in your blog then just follow the below steps:

Step 1: Login to your blog and go to Pages menu and create a new page with a appropriate name.

Step 2: Now go to HTML section, now copy the below code and paste it in the HTML section.

<link href="https://googledrive.com/host/0B7huuE2RFtfqY2lmUWkzajUyYkU" rel="stylesheet">
<script src='https://googledrive.com/host/0B7huuE2RFtfqb0h5dk1kdGJlbXM' type='text/javascript'></script>
<script src='https://googledrive.com/host/0B7huuE2RFtfqTWhWbEZnOUpvNlk'></script>
<script src='https://googledrive.com/host/0B7huuE2RFtfqOW80WFVTWUx5ZVk'></script>
<link href='https://googledrive.com/host/0B7huuE2RFtfqVWM0Y0ttZE1aTkE' rel='stylesheet'/>
<link href='https://googledrive.com/host/0B7huuE2RFtfqTTV1S2pzb2VSQmc' rel='stylesheet' type='text/css'/>
<script src="https://googledrive.com/host/0B7huuE2RFtfqbmdmSW5GNXVEcDA" type="text/javascript"></script>
<br />
<h1>
CSS RGBA Generator</h1>
<!--      RGBA Generator Starts     -->
<div id='rgba-generator-container'>
 <div id="Preview_rgba">
                </div>
<p id="Position_rgba_color">
Select Color - 
                    <input type="hidden" id="rgba_color" class="color-picker" value="#e74c3c" />
                </p>
Opacity - <div id="slider_rgba" class="slider">
                </div>
<div id="Final_result_rgba">
                </div>
</div>
<!--      RGBA Generator Ends     -->

<br />
<div style="text-align: center;">
Created by <a href="http://www.techzoop.com/" id="mycontent">Tech Zoop</a>
</div>

Note: Please do not remove the credit link, otherwise the code will not work...

Step 3: Now Update/Publish the page and you will see the result.

If you will face any issue regarding this tool, fell free to ask me. Just drop a comment here or you can mail me through our Contact Us page. I will get back to you very soon.