HTML RGB 和 RGBA 顏色
RGB 顏色值代表紅色 (RED)、綠色 (GREEN) 和藍色 (BLUE) 光源。
RGBA 顏色值是 RGB 的擴充套件,包含一個 Alpha 通道(不透明度)。
RGB 顏色值
在 HTML 中,可以使用以下公式指定顏色為 RGB 值:
rgb(紅, 綠, 藍)
每個引數(紅色、綠色和藍色)都使用 0 到 255 之間的值來定義顏色的強度。
這意味著有 256 x 256 x 256 = 16777216 種可能的顏色!
例如,rgb(255, 0, 0) 顯示為紅色,因為紅色設定為最高值 (255),而另外兩個(綠色和藍色)設定為 0。
另一個例子,rgb(0, 255, 0) 顯示為綠色,因為綠色設定為最高值 (255),而另外兩個(紅色和藍色)設定為 0。
要顯示黑色,請將所有顏色引數設定為 0,例如:rgb(0, 0, 0)。
要顯示白色,請將所有顏色引數設定為 255,如下所示:rgb(255, 255, 255)。
透過混合下面的 RGB 值進行實驗
紅色
255
綠色環保
0
藍色
0
示例
rgb(255, 0, 0)
rgb(0, 0, 255)
rgb(60, 179, 113)
rgb(238, 130, 238)
rgb(255, 165, 0)
rgb(106, 90, 205)
自己動手試一試 »
灰色調
灰色通常使用三個引數相等的值來定義
示例
rgb(60, 60, 60)
rgb(100, 100, 100)
rgb(140, 140, 140)
rgb(180, 180, 180)
rgb(200, 200, 200)
rgb(240, 240, 240)
自己動手試一試 »
RGBA 顏色值
RGBA 顏色值是 RGB 顏色值的擴充套件,包含一個 Alpha 通道 — 指定顏色的不透明度。
RGBA 顏色值指定為
rgba(紅, 綠, 藍, alpha)
alpha 引數是一個介於 0.0(完全透明)和 1.0(完全不透明)之間的數字。
透過混合下面的 RGBA 值進行實驗
紅色
255
綠色環保
0
藍色
0
Alpha
0
示例
rgba(255, 99, 71, 0)
rgba(255, 99, 71, 0.2)
rgba(255, 99, 71, 0.4)
rgba(255, 99, 71, 0.6)
rgba(255, 99, 71, 0.8)
rgba(255, 99, 71, 1)
自己動手試一試 »