PS基礎教程之第一課：RGB色彩模式

PS基礎教程(文字版)

第一課：RGB色彩模式

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

我們現在使用的電腦或是電視機的屏幕，其實都是紅色(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度夾角的兩種顏色(也就是圓的某條直徑兩端的顏色)，稱為反轉色，又稱為互補色。互補的兩種顏色之間是此消彼長的關係，

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

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

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

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

對於一幅圖像，

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

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

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

今天的課程就到這了。有什麼問題，可以直接留言，我會在線解答大家的問題。這節課偏理論，有些枯燥，以後的課程我盡量用實際的案例帶大家學習。就這樣，下次課見咯!~!