色彩基础知识

网页中的色彩是让人对网站最直观的了解，也是网站统一风格设计的主要组成部分。芸芸众网站中，让你记得的三两个站点，最深刻的就是网站那种色彩，其中包括里面的色彩系列，色彩配合元素，整体色彩氛围等等。

举个典型的例子，在拍摄电影《英雄》过程中，记得导演张艺谋说过一段话：“过几年以后，跟你说《英雄》，你会记得那些颜色，譬如说，你会记住在漫天黄叶中有两个红衣女子在飞舞，你会记住在水平如镜的蓝色湖面上，有两个男人在以武功交流，在水面上像鸟一样的，像蜻蜓一样的。”这就是色彩对人类眼球的最直接刺激的体现。

在本文里的知识，并不是为了要掌握颜色的三原色等基础知识，因为这些在学校里已经学习过，这里介绍的相关知识，只是根据设计网站的需要，培养一种对网页配色策划与分析能力、培养一种对网页色彩的感觉。

一、色彩的基本知识

显示器的颜色属于光源色。在显示器屏幕内侧均均匀分布着红色（RED）、绿色（GREEN）、蓝色（BLUE）的荧光粒子，当接通显示器电源时显示器发光并以此显示出不同的颜色。显示器的颜色是通过光源三原色的混合显示出来的，根据三种颜色内涵能量的不同，显示器可以显示出多达1600万种颜色。

也就是说显示器中的所有颜色都是通过红色（RED）、绿色（GREEN）、蓝色（BLUE）这三原色的混合来显示的，将显示器的这种颜色显示方式统称为RGB色系或颜色空间。在日常生活中我们并不会过多地提及RGB颜色体系的概念，但因为网页设计师都需要使用RGB颜色模式，所以在这里要强调指出。

不论任何色彩，皆具备三个基本的重要性质：色名，明度，彩度，一般称为色彩三要素或色彩三属性。

1、色名(Hue)：色名（Ｈｕｅ，简称为Ｈ；或译为色相）是区分色彩的名称，也就是色彩的名字，就如同人的姓名一般，用来辨别不同的人。

2、明度(Value)：明度（Ｖａｌｕｅ，简称Ｖ）光线强时，感觉比较亮，光线弱时感觉比较暗，色彩的明暗强度就是所谓的明度，明度高是指色彩较明亮，而相对的明度低，就是色彩较灰暗。

3、彩度(Chroma)：彩度（Ｃｈｒｏｍａ，简称Ｃ）是指色彩的纯度，通常以某彩色的的同色名纯色所占的比例，来分辨彩度的高低，纯色比例高为彩度高，纯色比例低为彩度低，在色彩鲜艳状况下，我们通常很容易感觉高彩度，但有时不易作出正确的判断，因为容易受到明度得影响，譬如大家最容易误会的是，黑白灰是属於无彩度的，他们只有明度。

传统色环RGB色环

4、色环：每个色彩模式都包含了一组三原色，然后经由这一组三原色的相互混合而产生不同

的颜色。在传统色彩学中，三原色指的是蓝、红、黄；而在RGB色彩模式中，色光的三原色是指红、绿、蓝。任何两个色光的组合会产生一组次颜色。三次色则是混合了原色与次色，或者是混合两种次原色所产生。我们用色环来呈现颜色的逻辑性。你可以从下面的图中看出，RGB的色环和传统艺术家们所使用的色环是很不一样的。

色环呈现了色彩之间可用来达到对比与平衡的关系。色环上包含了完全饱和的颜色，和一些含有较多白、灰或黑的不饱色，可作为渲染、色调和阴影的变化。和比较纯的颜色混合可以产生动态的色彩调和；而利用数值相近的不饱和颜色中--亦即亮度与暗度程度差不多的颜色--可设计出更细致、更柔顺的调和色彩。

二、处理颜色的方法

理论上，处理颜色的方法通常有两种：1、加色法，混合不同颜色的光波以形成白光；2、减色法，使用颜料来减少光波。传统的艺术家所使用的色盘和打印时使用的CMYK系统都是减色法模式。在网站上，我们所面对的是光的投射，而不是从物体上反射回来的光，所以使用的是加色法模式，也就是上面提到的RGB。

1、加色法

在大自然中，我们所看到的光波是经过物体反射进入我们的视网膜，但产生色彩的方式不仅只这一种。例如，舞台灯光是利用白光穿过有色滤镜来产生不同的色光。计算机屏幕也是使用投射光波的方式，但不同的是它藉由让电子光枪发光投射到含磷的屏幕来产生色光。这些电子光枪可以发出三种颜色：红、绿、蓝。藉由这三种色光，计算机屏幕可制作出完整的光谱。

在RGB系统中，我们也可以透过混合三原色的方式做出一个光谱。混合任两个原色，就会产生三个次原色：青、洋红、黄。如前面所说的，将光的三原色加在一起就可以做出白光。所以，如果一个RGB的值为255,255,255则表示为白色，十六进制的表示方法为（FFFFFF）。如果完全拿掉这三原色的光(RGB：0,0,0)则产生黑色，十六进制的表示方法为（000000）。而我们经常在网页代码中看到的“bgColor=#FFFFFF”就是指背景色为白色。

2、减色法

RGB模式的相反模式就是CMYK模式，也就是使用减少光波的方式来产生颜色。由于物体颜色来自于反射的光波，此一系统乃使用三原色来吸收物体的红、绿或蓝光。例如，如果你减少了红光，那么多余的绿色波和蓝色波就会产生青色。用来除去红光、反射绿、蓝光的颜料就会显示青色。相同的，平面印刷时可以使用洋红来吸收掉一部份的绿光，以及使用黄光来吸收掉一部份的蓝光。

这样一来，我们很明显的可以知道CYMK模式中所使用的三原色就是RGB模式中的次颜色，反之亦同。再者，如果将红、绿、蓝光混合在一起形成白光，那么就表示将青、洋红、黄三色的颜料混合在一起就会产生黑色，因为三原色的光波都将被颜料所吸收了。然而受限于颜料和印刷系统的因素，混合青、洋红、黄并无法完全吸收掉所有的光波。因此实际上还必须加

上一个黑色才能完成，所以就产生了CMYK里面的K元素了。

3、色彩管理

由于有这两套不同的复制颜色方式，若必须同时创作数字与印刷影像可就伤脑筋了。除了对应加色法和减色法之间的困难外，RGB和CMYK可使用的色彩范围差异也相当大。因此对有时需要做跨媒体的我们而言，拥有一套可根据输出设备做色系转换的色彩管理系统可减轻不少头痛问题。色彩管理系统可包含在操作系统，某些应用软件之中，例如Photoshop。

三、色彩的印象

当看到色彩时，除了会感觉其物理方面的影响，心里也会立即产生感觉，这种感觉一般难以用言语形容，我们称之为印象，也就是色彩印象。如果有一个能够合理客观地分析出这种感觉差异的标准，那么就可以利用它说明这种感觉上的差异了。

1、红的色彩印象

红色是强有力的色彩，是热烈、冲动的色彩，容易引起注意，所以在各种媒体中也被广泛的利用，除了具有较佳的明视效果之外，更被用来传达有活力，积极，热诚，温暖，前进等涵义的企业形象与精神，另外红色也常用来作为警告，危险，禁止，防火等标示用色，人们在一些场合或物品上，看到红色标示时，常不必仔细看内容，已能了解警告危险之意，在工业安全用色中，红色即是警告，危险，禁止，防火的指定色。著名色彩学约翰·伊顿教授描绘了受不同色彩刺激的红色。他说：在深红的底子上，红色平静下来，热度在熄灭着；在蓝绿色底子上，红色就像炽烈燃烧的火焰；在黄绿色底子上，红色变成一种冒失的、莽撞的闯入者，激烈而又寻常；在橙色的底子上，红色似乎被郁积着，暗淡而无生命，好像焦干了似的。

大红桃红砖红玫瑰红

2、橙的色彩印象

橙色的波长仅次于红色，因此它也具有长波长导致的特征：使脉搏加速，并有温度升高的感受。橙色是十分活泼的光辉色彩，是暖色系中最温暖的色彩，它使我们联想到金色的秋天，丰硕的果实，因此是一种富足的、快乐而幸福的色彩。另外，橙色明视度高，在工业安全用色中，橙色即是警戒色，如火车头，登山服装，背包，救生衣等，由於橙色非常明亮刺眼，有时会使人有负面低俗的印象，这种状况尤其容易发生在某类型网站的设计上，所以在运用橙色时，要注意选择搭配的色彩和表现方式，才能把橙色明亮活泼具有动感的特性发挥出来。

经验告诉我们，橙色稍稍混入黑色或白色，会成为一种稳重、含蓄有明快的暖色，但混入较多的黑色后，就成为一种烧焦的色，橙色中加入较多的白色会带有一种甜腻的味道。橙色与蓝色的搭配，构成了最响亮、最欢快的色彩。

鲜橙橘橙朱橙香吉士