首頁  >  文章  >  web前端  >  css基礎教學---RGB 加成色 說明

css基礎教學---RGB 加成色 說明

WBOY
WBOY原創
2016-05-16 12:06:462237瀏覽

rgb 顏色稱為加成色,因為您透過將 r、g 和 b 添加在一起(即所有光線反射回眼睛)可產生白色。 加成色用於照明光、電視和電腦顯示器。 例如,顯示器透過紅色、綠色和藍色螢光粉發射光線產生顏色。 

絕大多數視覺光譜都可表示為紅、綠、藍 (rgb) 三色光在不同比例和強度上的混合。 這些顏色若發生重疊,則產生青、洋紅和黃。

加成色 (rgb) 

r. 紅色   g. 綠色   b . 藍色  
您可以透過使用基於 rgb 顏色模型的 rgb 顏色模式來處理色彩值。 在 rgb 模式下,每種 rgb 成分都可使用從 0(黑色)到 255(白色)的數值。 例如,亮紅色使用 r 值 246、g 值 20 及 b 值 50。 當所有三種成分值相等時,產生灰色陰影。 當所有成分的值均為 255 時,結果為純白色;當值為 0 時,結果為純黑色。 

對一種顏色進行編碼的方法統稱為"顏色空間"或"色域"。用最簡單的話來說,世界上任何一種顏色的"顏色空間"都可定義成一個固定的數字或變數。 rgb(紅、綠、藍)只是眾多色彩空間的一種。採用這種編碼方法,每種顏色都可用三個變數來表示-紅色綠色以及藍色的強度。記錄及顯示彩色影像時,r gb是最常見的方案。但是,它缺乏與早期黑白顯示系統的良好相容性。因此,件多電子電器廠商普遍採用的做法是,將rgb轉換成yuv 顏色空同,以維持相容,再根據需要換回rgb格式,以便在電腦顯示器上顯示彩色圖形。  

由於網頁(web)是基於電腦瀏覽器開發的媒體,所以顏色以光學顏色rgb(紅、綠、藍)為主。 網頁顏色是以16進位代碼表示,一般格式為#zyzabc (字母用數字代替 )如黑色是三個顏色為0,在網頁代碼就是:#000000。當顏色代碼為#xxyyzz時,可以用#xyz表示,如#135與#113355表示相同的顏色。

rgb() 

功能將代表紅、綠、藍三原色的三個整數組合成一個表示顏色的長整數。

語法:

RGB ( red, green, blue )

參數:

red:integer類型,指定顏色中的紅色分量強度,有效值在0到255之間

green:integer類型,指定顏色中的綠色分量強度,有效值在0到255之間

blue:integer類型,指定顏色中的藍色分量強度,有效值在0到255之間回傳值long。

函數執行成功時傳回由指定分量決定的顏色,以長整數表示。發生錯誤時回傳-1。如果任何參數的值為null,rgb()函數會傳回null。

用法:

rgb()函數使用下述公式計算表示顏色的長整數:65536 * blue  256 * green  red其中,blue代表藍色分量,green代表綠色分量,red代表紅色分量。各分量中,數值越小,亮度越低,數值越大,亮度越高。例如,rgb ( 0, 0, 0 )為黑色(亮度最低),rgb ( 255, 255,255 )為白色(亮度最高)。

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn