語法:

R：紅色值。正整數(shù) | 百分數(shù)

G：綠色值。正整數(shù) | 百分數(shù)

B：藍色值。正整數(shù)| 百分數(shù)

A：透明度。取值0~1之間

取值：

<length> ：Hue(色調(diào))。 0(或360)表示紅色，120表示綠色，240表示藍色，當(dāng)然可取其他數(shù)值來確定其它顏色；

<percentage> ：Saturation(飽和度)。 取值為0%到100%之間的值；

<percentage> ：Lightness(亮度)。 取值為0%到100%之間的值；

<opacity> ：alpha(透明度)。 取值在0到1之間；

說明：

RGB色彩模式（也翻譯為“紅綠藍”，比較少用）是工業(yè)界的一種顏色標(biāo)準(zhǔn)，是通過對紅(R)、綠(G)、藍(B)三個顏色通道的變化以及它們相互之間的疊加來得到各式各樣的顏色的，RGB即是代表紅、綠、藍三個通道的顏色，這個標(biāo)準(zhǔn)幾乎包括了人類視力所能感知的所有顏色，是目前運用最廣的顏色系統(tǒng)之一。

RGBA在RGB的基礎(chǔ)上多了控制alpha透明度的參數(shù)。以上R、G、B三個參數(shù)，正整數(shù)值的取值范圍為：0 - 255。百分數(shù)值的取值范圍為：0.0% - 100.0%。超出范圍的數(shù)值將被截至其最接近的取值極限。并非所有瀏覽器都支持使用百分數(shù)值。A參數(shù)，取值在0~1之間，不可為負值。

瀏覽器的兼容性：

如果龐統(tǒng)說rgba是制作透明色（透明背景色、透明邊框色、透明前景色等），大家不由會想起opacity 這個東西。他在我們CSS2中制作背景色通常用到，可是要用他來制作邊框色或都說前景色的話，那他就只能在邊上站著了，有心無力呀。

現(xiàn)在我們先來看一個rgba和opacity的對比實例

HTML代碼：

我們分別給這兩上ul中的li應(yīng)用相關(guān)樣式， 在li.opacity中我用使用CSS2中的opacity而在li.rgba中我們使用CSS3的rgba新屬性

Opacity樣式

RGBA樣式

我們來看看其效果：