CSS rgb() 函數

定義和用法

CSS 的 rgb() 函數使用紅-綠-藍（RGB）顏色模型指定顏色。還可以添加一個可選的透明度通道（表示顏色的透明度）。

RGB 顏色值通過 rgb(red green blue) 指定。每個參數定義該顏色的強度，可以是 0 到 255 之間的整數或 0% 到 100% 之間的百分比值。

例如，rgb(0 0 255) 值呈現為藍色，因為藍色參數設置為最大值（255），而其他參數設置為 0。

注意：rgba() 函數是 rgb() 函數的別名。建議使用 rgb() 函數。

實例

定義不同的 RGB(A) 顏色：

#p1 {background-color:rgb(255 0 0);} /* 紅色 */
#p2 {background-color:rgb(0 255 0);} /* 綠色 */
#p3 {background-color:rgb(0 0 255);} /* 藍色 */
#p4 {background-color:rgb(192 192 192);} /* 灰色 */
#p5 {background-color:rgb(255 255 0);} /* 黃色 */
#p6 {background-color:rgb(255 0 255);} /* 櫻桃色 */
#p7 {background-color:rgb(255 0 255 / 0.2);} /* 帶透明度的櫻桃色 */
#p8 {background-color:rgb(0 0 255 / 50%);} /* 帶透明度的藍色 */

親自試一試

CSS 語法

絕對值語法

rgb(R G B / A)

相對值語法

rgb(from color R G B / A)

技術細節

瀏覽器支持

表格中的數字表示首個完全支持該函數的瀏覽器版本。