CSS rgb() 函式
示例
定義不同的 RGB 顏色
#p1 {background-color:rgb(255,0,0);} /* 紅色 */
#p2 {background-color:rgb(0,255,0);} /* 綠色 */
#p3 {background-color:rgb(0,0,255);} /* 藍色 */
自己動手試一試 »
定義和用法
rgb() 函式使用紅-綠-藍 (RGB) 模型定義顏色。
RGB 顏色值透過以下方式指定：rgb(red, green, blue)。每個引數定義該顏色的強度，可以是 0 到 255 之間的整數，或 0% 到 100% 之間的百分比值。
例如，rgb(0,0,255) 值呈現為藍色，因為藍色引數設定為其最高值 (255)，而其他引數設定為 0。
| 版本 | CSS2 |
|---|
瀏覽器支援
表中數字表示該函式完全支援的第一個瀏覽器版本。
| 函式 | |||||
|---|---|---|---|---|---|
| rgb() | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS 語法
rgb(紅, 綠, 藍)
| 值 | 描述 |
|---|---|
| red | 將紅色的強度定義為 0 到 255 之間的整數，或 0% 到 100% 之間的百分比值 |
| green | 將綠色的強度定義為 0 到 255 之間的整數，或 0% 到 100% 之間的百分比值 |
| blue | 將藍色的強度定義為 0 到 255 之間的整數，或 0% 到 100% 之間的百分比值 |
