顏色 RGB 和 RGBA
RGB 計算器
#ff0000
hsl(0, 100%, 50%)
R
G
B
RGB 顏色
所有瀏覽器都支援 RGB 顏色值。
RGB 顏色值按以下方式指定:
rgb(紅, 綠, 藍)
每個引數(紅、綠和藍)定義顏色的強度,值為 0 到 255 之間。
例如,rgb(255, 0, 0) 顯示為紅色,因為紅色設定為最高值(255),而另外兩個(綠色和藍色)設定為 0。
另一個例子,rgb(0, 255, 0) 顯示為綠色,因為綠色設定為最高值(255),而另外兩個(紅色和藍色)設定為 0。
要顯示黑色,請將所有顏色引數設定為 0,例如:rgb(0, 0, 0)。
要顯示白色,將所有顏色引數設定為 255,如下所示:rgb(255, 255, 255)。
親自嘗試
所有瀏覽器都支援 RGB 顏色值。
RGBA 顏色值
RGBA 顏色值是 RGB 顏色值的擴充套件,增加了一個 Alpha 通道——它指定了顏色的不透明度。
RGBA 顏色值指定為
rgba(紅, 綠, 藍, alpha)
alpha 引數是一個介於 0.0(完全透明)和 1.0(完全不透明)之間的數字。
示例
<h1 style="background-color:rgba(255, 99, 71, 0.2);">rgba(255, 99, 71, 0.2)</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.4);">rgba(255, 99, 71, 0.4)</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.6);">rgba(255, 99, 71, 0.6)</h1>
<h1 style="background-color:rgba(255, 99, 71, 0.8);">rgba(255, 99, 71, 0.8)</h1>
自己試試 »