色彩的內容很多，我們分3篇講解。第一篇：顏色基礎知識；第二篇：顏色的理論和配色實例；第三篇：教你如何利用顏色工具處理照片。今天先說前兩篇，不會配色的同學記得閱讀收藏。

顏色基礎知識

打開你的Photoshop，新建文檔，有兩個非常重要的選項，一個是顏色模式（位圖／灰度／RGB顏色／CMYK顏色），一個是位數（1位／8位／16位／32位）。

什么是顏色模式？

新建一個文檔，選擇顏色模式為：位圖和1位（為什么其它位不能選擇？請往下看）。

選擇“窗口”－“顏色”（或者直接按F6），調出顏色面板：

把K值（灰度值用K表示）拉到50％以下及以上，或者選擇色彩不同的亮度（同樣只有K值變化，深色的K值變大，淺色K值變小），選擇矩形框（只能選擇路徑和像素模式）畫畫，看看出現什么效果？只能畫白的和黑色。為什么會這樣？

什么是位？

還記得中學的時候老師講過的嗎：“Bit（位）是計算機存儲器里的最小單元”。一比特等于二進制（0和1）中的一位，多少0和1就是多少位。1像素用1位表示的話，2的位次冪記錄。黑白兩種單色，每個像素只有1位顏色（21）。這就是為什么上面我們新建一個顏色模式為“位圖”和“1位”，只能使用黑色和白色了。也就有了位圖這個概念。

灰度模式

打開PS，同上，新建文檔，選擇“灰度”和“位”，和RGB能選擇的范圍一樣，可以選擇8位／16位／32位。

打開顏色面板，把RGB調成同一個數值看看，是不是RGB相等的時候，變成灰的了？其實，256色，也稱256灰度級。

把RGB全部調成255，是全白（等于灰度模式0%）；全部調成0，是全黑（等于灰度模式100%）。點擊右上角下來箭頭，選擇灰度模式對比一下是不是這樣的。

那么RGB和灰度之間有什么聯系呢？這里我們需要聊兩個概念：亮度和通道。

隨意打開一副圖像，“窗口”－“通道”，打開通道面板，分別單獨選擇紅，綠，藍試試：

▲ RGB模式

▲?紅色通道

▲?綠色通道

▲?藍色通道

除了灰以外，還有比較亮的白色，和比較暗的黑色，它們統稱為亮度的變化。

每個通道中的顏色都是由像素亮度決定的，控制單一通道的亮度其實就是在控制顏色。這也涉及到亮度合并問題了，后面調整照片顏色的時候，我們詳解。

RGB與灰度的計算關系：RGB近似色值 ＝ 256 x （1-灰度數％）（注意關閉色彩管理模式，Photoshop 中“編輯”—“顏色設置”－顯示器顏色。色彩管理主要用于印刷領域。）

你可以嘗試關閉單一通道（如紅），留下綠和藍的組合，看看圖片是什么顏色？是不是變青色了？為什么會這樣？留意下一篇的色彩理論，你就明白了。

RGB顏色

計算機屏幕的顯示是色光三原色（紅red，綠green，藍blue）組成的，每一個像素的顏色都用三原色值來顯示。

RGB模式中，每種顏色的單像素用8位存儲，2的8次冪等于256，三種顏色256x256x256=16777216 ，簡稱1600萬色（千萬色或真色彩），也稱24位色（8位 x 3個顏色通道）；16位是高彩色；如果是32位，就成HDR（高動態范圍成像）了。

顯然，位越多，色彩越豐富，相應的存儲空間也大。

CMYK顏色

CMYK模式用于印刷領域，用百分值表示，當CMYK全等于0%時顯示白色，反之100%是黑色。

Lab顏色

為什么這個Lab顏色只能選擇8位和16位呢？這就是涉及到色域了。Lab顏色模式主要根據人眼的正常能查看的色彩范圍，所以也就不會更豐富的32位了。

顏色理論

色彩圓盤上可以用一句詩來記住：紅、橙、黃、綠、青、藍、紫

我們上節已經了解到顯示器所有顏色是由色光三原色RGB混合成，那其它顏色是如何計算的呢？

色環中，相鄰的原色混合成二次色（近似色），如：

• 紫色＝紅色 ＋ 藍色
• 青色＝藍色＋綠色
• 橙色＝紅色 ＋黃色

用二次色混合就形成三次色（三元色），如

• 藍紫色
• 青藍色
• 橙黃色

對立的兩種顏色形成反轉色（互補色），冷色調和暖色調相對。

紅色色值是255, 0, 0，綠色色值是0, 255, 0，藍色色值是0, 0, 255，如果你想得到黃色，那么意思就是沒有藍色，純黃色的色值就是255, 255, 0。同理，紫色（255, 0, 255）是紅色和藍色的混合，沒有綠色。

顏色術語

當我們用肉眼看一種顏色：

色相（Hue）就是一種顏色，如紅，黃，綠；

飽和度（Saturation，色度／彩度）指的是顏色的強度；

明度（亮度）顯然就是明暗程度，加入黑或白色而形成；

色調可以理解為整體色彩的給人的感覺，如偏紅，偏藍；

暖色調，紅，橙，黃及其近似或組合，給人強烈，溫暖，激情的感覺；

冷色調，綠，藍，紫其其近似或組合，給人冰冷，平靜，舒緩的感覺；

中性色，黑灰白，可用作中和暖色和冷色；

色譜理論

單色?( Monochromatic）

單一顏色，可以在飽和度和明度上做變化，同樣很協調和舒適的感覺。

近似色?( Analogous)

色輪中相鄰或相近的顏色，視覺上會很協調。

互補色?(Complementary)

兩種相反的單色，180°對立關系，色差較大，形成互補。通常在想某一種顏色中特別凸顯出來可以使用互補色。

三元色?( Triad )

3種顏色等距離分布在120°上，形成一定的對比，但沒有互補色強烈。

顏色引起的情緒變化

色彩不僅能引起情緒變化，往往也能表達自身文化。另外，在實際使用中，也會根據場景而表達的信息不同組合，總之，顏色，你大膽去使用。

因為篇幅所限，我們簡明扼要概括常用顏色，以便你快速入門。下面節選部分客戶案例進行分析。

紅色

好的：激情，熱烈，豪放，力量…

壞的：危險，禁止，恐怖…

文化：正紅在中國文化中表示喜慶，幸福；西方則認為紅色為邪惡的象征；南非，紅色則是喪服的顏色。

橙色

好的：溫暖，活力，運動，誘人…

黃色

好的：快樂，陽光，溫和，明亮，愉悅

壞的：警示，懦弱，有色情的味道

文化：在埃及，黃色是奔喪的顏色；在日本，黃色代表勇氣；在印度，黃色則是商人的顏色。

綠色

好的：生命，活力，環保，新生，健康，生活…

藍色

好的：專業，高效，冷靜，放松…

黑色

好的：穩重，炫酷，高雅，時尚，現代…

壞的：沉悶，凝重，死亡…

灰色

好的：嚴謹，正式，專業，現代…

壞的：哀悼色..

白色

好的：純凈，簡潔，柔和…

文化：西方，白色是婚禮的象征；中國傳統白色是喪服。

如何進行色彩搭配？

配色不是科學，而是藝術。也就是說顏色的選擇你要去感知，而不是去計算。這里提供些小技巧，讓你搭配色彩的時候更專業。

多色彩的搭配，調整飽和度或明度，處理柔和點。

色彩鮮艷的配中性色（黑，灰，白）

好了，下期再見。

「技多不壓身的設計師才有高薪資！」

1. 平面設計：《超贊！設計師完全自學指南》
2. 交互設計：《交互設計師修煉指南！教你從零開始成為優秀交互設計師》
3. UI設計：《超實用新手指南！零基礎如何自學UI設計？》
4. 前端開發：《天貓高手來教你！零基礎如何系統地學習前端開發？》
5. 摳圖技巧：《從菜鳥到高手！PHOTOSHOP摳圖全方位攻略》
6. 配色方案：《色彩搭配速成！3個實用方法幫你全面搞定配色》
7. DPI指南：《基礎知識學起來！為設計師量身打造的DPI指南》
8. 交互設計自學路徑圖：《零基礎入門！給非科班生的自學路徑圖之交互設計篇》

原文地址：blog.enqoo

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量112萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com