RGBA与RGB和区别与转换

R：红色值。正整数 | 百分数

G：绿色值。正整数 | 百分数

B：蓝色值。正整数 | 百分数

A：Alpha透明度。取值0~1之间。(颜色的透明度)

此色彩模式与RGB相同,RGB定义了颜色的红绿蓝值,在RGB模式上新增了Alpha透明度.

alpha通道一般用作不透明度参数。如果一个像素的alpha通道数值为0%，那它就是完全透明的（也就是看不见的），而数值为100%则意味着一个完全不透明的像素（传统的数字图像）。在0%和100%之间的值则使得像素可以透过背景显示出来，就像透过玻璃（半透明性），这种效果是简单的二元透明性（透明或不透明）做不到的。它使数码合成变得容易。alpha通道值可以用百分比、整数或者像RGB参数那样用0到1的实数表示。

【RGB和RGBA之间的转换】也许对你有用

项目需要用到透明度，但UI给我的都是颜色，没有给关于透明度的色系，无奈之下，自己写了一个转换，希望对你有用

代码如下：

[html]  view plain  copy

 print ?

1. function RGB2RGBA(rgb_color,alp){  
2.     //注：rgb_color的格式为#FFFFFFF，alp为透明度  
3.     var r = parseInt("0x" + rgb_color.substr(1,2));  
4.     var g = parseInt("0x" + rgb_color.substr(3,2));  
5.     var b = parseInt("0x" + rgb_color.substr(5,2));  
6.     var a = alp;  
7.     return "rgba(" + r + "," + g + "," + b + "," + a + ")";  
8. }  
9.   
10. function RGBA2RGB(rgba_color){  
11.     //注：rgba_color的格式为rgba(0,0,0,0.1)  
12.     var BGcolur = 1;  
13.     var arr = rgba_color.split("(")[1].split(")")[0].split(",");  
14.     var a = arr[3];  
15.     var r = BGcolur * (1 - a) + arr[0] * a;  
16.     var g = BGcolur * (1 - a) + arr[1] * a;  
17.     var b = BGcolur * (1 - a) + arr[2] * a;  
18.     return "rgb(" + r + "," + g + "," + b +")";  
19. }  

转载来自：http://blog.youkuaiyun.com/junjun56/article/details/45866591

alpha通道一般用作不透明度参数。如果一个像素的alpha通道数值为0%，那它就是完全透明的（也就是看不见的），而数值为100%则意味着一个完全不透明的像素（传统的数字图像）。在0%和100%之间的值则使得像素可以透过背景显示出来，就像透过玻璃（半透明性），这种效果是简单的二元透明性（透明或不透明）做不到的。它使数码合成变得容易。alpha通道值可以用百分比、整数或者像RGB参数那样用0到1的实数表示。