CSS RGB 顏色

RGB 值

在 CSS 中，可以使用下面的公式將顏色指定為 RGB 值：

rgb(red, green, blue)

每個參數 (red、green 以及 blue) 定義了 0 到 255 之間的顏色強度。

例如，rgb(255, 0, 0) 顯示為紅色，因為紅色設置為最大值（255），其他設置為 0。

要顯示黑色，請將所有顏色參數設置為 0，如下所示：rgb(0, 0, 0)。

要顯示白色，請將所有顏色參數設置為 255，如下所示：rgb(255, 255, 255)。

請通過混合以下 RGB 值來進行實驗：

 

RED

255

GREEN

0

BLUE

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)

親自試一試

通常為所有 3 個光源使用相等的值來定義灰色陰影：

實例

rgb(0, 0, 0)
rgb(60, 60, 60)
rgb(120, 120, 120)
rgb(180, 180, 180)
rgb(240, 240, 240)
rgb(255, 255, 255)

親自試一試

RGBA 值

RGBA 顏色值是具有 alpha 通道的 RGB 顏色值的擴展 - 它指定了顏色的不透明度。

RGBA 顏色值指定為：

rgba(red, green, blue, alpha)

alpha 參數是介于 0.0（完全透明）和 1.0（完全不透明）之間的數字：

請通過混合以下 RGBA 值來進行實驗：

 

RED

255

GREEN

0

BLUE

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)

親自試一試