新手必看:配色方法及色彩使用技巧

色彩的内容很多，我们分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°上，形成一定的对比，但没有互补色强烈。

颜色引起的情绪变化

色彩不仅能引起情绪变化，往往也能表达自身文化。另外，在实际使用中，也会根据场景而表达的信息不同组合，总之，颜色，你大胆去使用。

因为篇幅所限，我们简明扼要概括常用颜色，以便你快速入门。狼蚁网站SEO优化节选部分客户案例进行分析。

红色

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

坏的：危险，禁止，恐怖…

文化：正红在中国文化中表示喜庆，幸福；西方则认为红色为邪恶的象征；南非，红色则是丧服的颜色。

橙色

好的：温暖，活力，运动，诱人…

黄色

好的：快乐，阳光，温和，明亮，愉悦

坏的：警示，懦弱，有涉及违禁信息，词语无法显示的味道

文化：在埃及，黄色是奔丧的颜色；在日本，黄色代表勇气；在印度，黄色则是商人的颜色。

绿色

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

蓝色

好的：专业，高效，冷静，放松…

黑色

好的：稳重，炫酷，高雅，时尚，现代…

坏的：沉闷，凝重，死亡…

灰色

好的：严谨，正式，专业，现代…

坏的：哀悼色..

白色

好的：纯净，简洁，柔和…

文化：西方，白色是婚礼的象征；中国传统白色是丧服。

如何进行色彩搭配？

配色不是科学，而是艺术。也就是说颜色的选择你要去感知，而不是去计算。这里提供些小技巧，让你搭配色彩的时候更专业。

多色彩的搭配，调整饱和度或明度，处理柔和点。

色彩鲜艳的配中性色（黑，灰，白）

好了，下期再见。