這篇教程會偏理論，但我盡量說的不這么枯燥，希望你能耐心看完，這些知識，我認為對于你以后的設計生涯會有很多幫助的。沒有耐心的同學，重點我已經標注出來了。

 

　　我們現在使用的電腦或是電視機的屏幕，其實都是紅色(R)、綠色(G)、藍色(B)這三種顏色的按照不同的比例混合而成的。一組紅色、綠色、藍色就是一個最小的顯示單位。屏幕上的任何一個顏色都可以由一組RGB值來記錄和表達。在下面所看到的最上面的圖片實際上是由下方的三個部分組成的。

　　紅色、綠色、藍色我們把它們稱為“三原色光”，英文就是R(red)，G(green)，B(blue)。用過ps的同學應該會很熟悉，就是我們新建文檔時候的顏色模式。

　　

　　你可以把他們想象成菜譜中的3種調料，在現實中，三者的比例不同，出來的菜肴會是迥異的。因此，在不同的圖像中，RGB成分也是不一樣的，可能有的圖中R(紅色)成分多些，有的B(藍色)成分多一些。

 

　　我們做菜的時候，菜譜上會提示“鹽1克，糖4克”，來提示調料的多少，在電腦中，RGB的“多少”是指亮度，并使用整數來表示。

 

　　通常情況下，RGB各有256級亮度，用數字表示為從0、1、2……直到255。注意雖然數字最高是255，但是0也是數值之一，因此共256級。如果這個看不懂，請問小學的體育老師。。。

 

　　按照計算，256級的RGB色彩總共能組合約1678萬種色彩，即256*256*256=16777216。簡稱為1600萬色或千萬色。也稱為24位色(2的24次方)。

 

　　8位通道色聽著耳熟嗎?沒錯，這24位色就是8位通道色，WHY?聽我跟你解釋

 

　　首先要了解一個名詞：“通道”。所謂通道，實際上就是指三種色光各自的亮度范圍。剛才說過，每種顏色的范圍是256，那256是2的8次方，so，所以稱為8位通道色。數學不好的，繼續去找體育老師。

 

　　上面說的色彩通道和以后教程中的圖像通道，概念上是完全不同的，希望同學不要混淆。色彩通道，不是一件具體的事物，它只會讓你感受到圖像本身的差異，而色光是如何混合的，你確感受不到。因此，通道的作用是“控制”，而不是展現?？床欢疀]關系。了解即可。

 

　　說明下，Photoshop從CS版本開始增加了對16位通道的支持，這就意味著可以顯示更多的色彩數(約281萬億)但是人眼所能分辨的色彩數量達不到這么多，所以更高的色彩數量在人眼看來并沒有區別。

 

　　那么，RGB顏色是如何表達的呢?

 

　　可以用字母R、G、B加上各自的數值來表達。比如：R32,G156,B96，有時候為了省事也略去字母直接寫數值：32,156,96。他們的順序就是RGB。另外還有一種16進制的表達法，以后會說到。

 

　　認真的同學，你可能會問，我怎樣才能通過這組數值看出來是什么顏色呢?

 

　　實際上，直接從數值來判斷出顏色對于初學者甚至是設計老手都比較困難。難道你真的會去背下來不同數值對應什么顏色嗎?更多的靠經驗。這種能力不是非具備不可的，非要耍寶的話，我也不攔著。

 

　　但是，建議常規的數值還是知道的比較好。比如：

　　對于單獨的R或G或B而言，當數值為0的時候，代表這個顏色不發光;如果為255，則該顏色為最高亮度。就好比一個開關，0等于關燈，255相當于調光按鈕開到最大。

 

　　小思考。。。。。。屏幕上的純黑、純白、最紅、最綠、最藍、最黃的RGB值各是多少?

　　

 

　　Ok,帶著思考，我們打開photoshop，F6打開顏色面板。

 

　　圖片中為大家標注出來了，前景色和背景色的位置，默認狀態下，前景色為黑，背景色為白。如果你打開的面板不是默認色，可以使用快捷鍵【D】重設(更多PS的快捷鍵，我們的服務號里面已經整理，關注后獲取：uifanr)，點擊圖片中標注的 三角形，可以更換顏色模式

　　

 

　　純黑，屏幕上沒有任何色光的存在，相當于RGB三色關都沒有發光。所以RGB值為0,0,0。

　　純白正好相反，RGB三色光都為最強的亮度，RGB值為255,255,255。

　　最紅色，只有紅色的存在，且亮度最強，綠色和藍色均不發光。因此最紅色值為255,0,0。

　　同理，最綠色就是0,255,0。最藍色為0,0,255。你做對了嗎?

　　

 

　

 

　　如果你有思考，肯定會問，最黃色呢?這個問題暫且放下，先來普及下色相的概念。

 

　　所謂色相就是指顏色的色彩種類，分別是：紅色、橙色、黃色、綠色、青色、藍色、紫色。這七中顏色頭尾相接，形成閉環。如下圖

　　

 

　　在這個環中，位于180度夾角的兩種顏色(也就是圓的某條直徑兩端的顏色)，稱為反轉色，又稱為互補色?；パa的兩種顏色之間是此消彼長的關系，

　　在上圖中間是白色，可以看出，如要得到最黃色，就需要把選色框向最黃色的方向移動，同時也逐漸遠離最藍色。當達到圓環黃色部分的邊緣時，就是最黃色，同時我們離最藍色也就最遠了。由此得出，黃色=白色-藍色”。為什么不是白色+黃色呢?因為藍色是原色光，要以原色光的調整為準。因此，最黃色的數值是255,255,0。如下右圖。也可以得出：純黃色=純紅色+純綠色 。

　　如果屏幕上的一幅圖像偏黃色(特指屏幕顯示，印刷品則不同)，不能說是黃色光太多，而應該說是藍色光太少。

　　再看一下色譜環，我們可以目測出三原色光各自的反轉色。紅色對青色、綠色對洋紅色、藍色對黃色。如下圖。

　　除了目測，還可以通過計算來確定任意一個顏色的反轉色：首先取得這個顏色的RGB數值，再用255分別減去現有的RGB值即可。比如黃色的RGB值是255,255,0，那么通過計算：r(255-255)，g(255-255)，b(255-0)?；パa色為：0,0,255。正是藍色。

　　

 

　　對于一幅圖像，

　　若單獨增加R的亮度，相當于紅色光的成分增加。那么這幅圖像就會偏紅色。

　　若單獨增加B的亮度，相當于藍色光的成分增加。那么這幅圖像就會偏藍色。

　　通過以上的內容，我們講述了RGB色彩的概念，當然后面我們還會介紹其他的色彩模式。但請記住：RGB模式是顯示器的物理色彩模式。這就意味著無論在軟件中使用何種色彩模式，只要是在顯示器上顯示的，圖像最終是以RGB方式出現的。因此使用RGB模式進行操作是最快的，因為電腦不需要處理額外的色彩轉換工作。當然這種速度差異很難察覺，只是理論上的。