?
本文檔使用 php中文網(wǎng)手冊 發(fā)布
RGB(R,G,B)
R:紅色值。正整數(shù) | 百分?jǐn)?shù)
G:綠色值。正整數(shù) | 百分?jǐn)?shù)
B:藍(lán)色值。正整數(shù) | 百分?jǐn)?shù)
以上三個參數(shù),正整數(shù)值的取值范圍為:0 - 255。百分?jǐn)?shù)值的取值范圍為:0.0% - 100.0%。
超出范圍的數(shù)值將被截至其最接近的取值極限。如:rgb(300,0,0)會被解析為rgb(255,0,0)
正整數(shù)值255對應(yīng)百分比數(shù)值100%,如:rgb(255,255,255) = rgb(100%,100%,100%) = #FFFFFF = #FFF
RGB色彩是通過對紅(R)、綠(G)、藍(lán)(B)三個顏色通道的變化和它們相互之間的疊加來得到各式各樣的顏色的。
此RGB色彩模式與#RRGGBB/#RGB(HEX)不同。
IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|
6.0+ | 2.0+ | 4.0+ | 3.1+ | 3.5+ | 3.2+ | 2.1+ | 18.0+ |
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>RGB_CSS參考手冊_web前端開發(fā)參考手冊系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> .foreground { color: rgb(255, 0, 0); } .background { background-color: rgb(128, 128, 128); } .percent-color { background-color: rgb(50%, 50%, 50%); } </style> </head> <body> <ul class="test"> <li class="foreground">紅色的文字</li> <li class="background">灰色的背景</li> <li class="percent-color">能看到此行背景說明你的瀏覽器支持RGB記法使用百分?jǐn)?shù)值</li> </ul> </body> </html>
點擊 "運行實例" 按鈕查看在線實例