网站设计中的色彩设计—认识色彩

　　依据牛顿所做的实验原理，科学家发现，光照到物体上时，会有一部分波长的光被吸收，另一部分波长的光被反射出来，反射出来的光会被我们的眼睛所感知。

　　眼睛感知光的过程会有三种形式：光源色、透过色、表面色。光通过这三种形式进入到我们的眼睛后，我们便可以感知到物体的色彩。

　　通过眼睛看到物体的这种功能，被称为视觉。视觉主要是感觉到明暗、色彩、动静、远近、大小等综合知觉。

光源色

　　光源色是指光源本身的色彩。光源的种类可以分为自然光和人工光。人工光，在古代是指柴油灯和煤油灯光等，在现代是指白炽灯和荧光灯光等。物体的色彩依据光源的不同，看到的情况也会有所不同。

　　我们在白炽灯下看到的草莓感觉很美味，在钠光灯下看到的草莓就感觉好像不好吃了。光源产生了变化，看上去会有所不同。所以，饮食场所、办公场所、休息场所都要有与其性质相称的光源。

透过色

　　透过色是指投射的光透过物体后的色彩。

　　假如你手中有一个装着橙汁的玻璃杯，我们现在要来探讨为什么看到的橙汁是橙黄色的？玻璃杯具有透明性，所以光源能透过它，当光投射到玻璃杯时，除橙 黄以外的其他波长的光都被橙汁吸收了，只有橙黄的光波透过玻璃杯进入到我们的眼睛里，在视网膜上产生了橙黄色，所以我们看到的橙汁是橙黄色的。

表面色

　　表面色是指光在物体表面反射后所展现出的色彩。比如一件红毛衣，它为什么看起来是红色的呢?那是因为当毛衣被阳光照到时，其他有色光被毛衣吸收，剩下红色的光被反射出来，我们只能看到红光，所以毛衣是红色的

　　因此，我们能看到各种不同颜色的物体，是因为这些物体对不同波长光的吸收、反射比例各不相同造成的。

色彩的分类

　　色彩有无彩色和有彩色之分。黑色与白色以及由黑白相混而成的深浅不同的灰，统称无彩色。以红、橙、黄、绿、青、蓝、紫为基本色，按不同比例相混产生出的千千万万种色彩，统称为有彩色。

　　最常见的一种色彩区分或分类是我们口头化了的形容词，譬如深浅、明暗、浓淡、轻重、艳浊等。要描述或形容一棵老松树的颜色，我们可以用深绿色、暗绿 色或浓绿色；形容一朵盛开的红花，可以用艳红、深红或鲜红；而对着一条小溪，可以用轻绿、淡绿、浅绿等词来形容；如果给一位羞涩的少女的赞美之语，可以说 她粉红的脸在瞬间变得浓绛、深红了等等。但是依据这些形容词，我们很难在色票上找出最准确的色彩，或把最准确的颜色画在纸上。

　　后来色彩学家用了“属性”这样的名词来概括色彩。他们使用了“色相”(Hue)”、“明度”(Value)、“彩度”(Chroma)三属性来描述色 彩，无疑是更准确，更接近事物的真相了。假如你有一条粉红色的裙子，用“粉红色”来形容它，意象虽鲜明，但不如说是一条淡红色(色相)，井不鲜艳(彩度)，却很明亮(明度)的裙子更为准确。因为粉红色有很多种，通过色相、明度、彩度来分别对它加以说明，我们就能明白它是条色相为红色、彩度低、明度高的裙子。同样一次客户要做淡粉色的界面一样，以下可能你都会认识是淡粉色吧？第一个是淡红色，第二个是淡紫色。

色彩的属性

这里的色彩属性可能和传统的色彩属性略有差异，颜色的三属性：是 H (Hue)色相、S（Saturation）纯度、B（Brightness)明度。

色相

　　色相即色彩的“相貌”(Hue)。每个颜色都被冠以一个名称，这叫色相名，以便于对色彩的记忆和使用。我们经常使用的色相名是日本色彩研究所的PCCS配色体系中的色相名称，共分24个色相。每个色相因其所含紫红、黄、蓝绿的比例成分不同而呈现出不同的相貌。

明度

　　明度是指色彩的明暗程度(Value)。这是因为物体对光的反射率不同造成的。

　　色彩之间具体的明度差别包括两方面：一是指同一色相的深浅变化，如粉红、大红、深红；二是指不同色相的明度差别，六种标准色中黄色最浅，紫色最深，其余的处于中间。

　　色彩中比较亮的用“高明度”称呼，比较暗的用“低明度”称呼，介于中间明度者用“中明度”称呼，以“高、中、低”三种明度感觉概括。

　　明度的标准是白色和黑色之间的色彩感觉。

纯度

　　纯度即鲜艳度(Chroma)，是指色彩的度(Saturation)，也叫彩度或饱和度。

　　无彩色黑、白、灰没有彩度概念，而只有明度概念。

　　简单的说，在绘画中就是将同一种灰色掺入一种纯色中，掺入的越多纯度就越低；掺入的灰色中如果黑色越多，明度就越低，白色越多，明度就越高。

　　在电脑中的RGB模式下，#rrggbb 颜色，例如红色#ff0000，加同等亮度的蓝色和绿色的光，加的光越强，明度越高，如#ffcccc，不加蓝色和绿色的光而是减弱红色的光，减去越多明度就越低，如#990000；还是以红色为例，如果同时加入了蓝色和绿色的光，并减弱红光，使总体亮度相同，而红蓝绿比例不同，就形成了不同的饱和度。

ps里的颜色属性选择和调节

　　在ps里通过拾色器选择颜色，而调节色彩的各种属性，可以通过“色彩/饱和度”来进行调节。

　　在ps设计中用"色相饱和度"来调节的饱和度和用拾色器里选择的同一明度下的饱和度是不一样的，“色相/饱和度”采用的是HSV色彩属性模式，调节后的纯度系列的亮度（V）是一样的。而在拾色器里采用的是rgb模式转换色彩,选中的同明度的纯度会有亮度不同。

　　HSV色彩属性模式是根据色彩的三个基本属性：色相、饱和度和明度来确定颜色的一种方法。这种模式是 1978年 由 Alvy Ray Smith 创立的，它是三原色光模式的一种非线性变换。

三原色与RGB模式

　　在网站设计中我们采用的是RGB的色彩模式。是通过对红(R)、绿(G)、蓝(B)三个颜色通道的变化以及它们相互之间的叠加来得到各式各样的颜色的，RGB即是代表红、绿、蓝三个通道的颜色，这个标准几乎包括了人类视力所能感知的所有颜色。

　　它的来源是因为后来科学家继续牛顿的实验，发现了将两种不同色彩的光混合，重叠的部分比起原来的光会更加的明亮。其明亮的程度相当于两种光明亮程度之和。也就是 说，混合后色彩的明度等于原始色彩的明度和，这样的混色叫做加法混色。

　　只要将三个色光即蓝、绿、红，按一定的比例混合便能还原成白色的光，这三色被称为“色光三原色”，即色光的基本色。这三种颜色可以根据加法混色原，调节它们的强度，就可形成所有的色彩。

　　RGB色彩模式使用RGB模型为图像中每一个像素的RGB分量分配一个0~255范围内的强度值。例如：纯红色R值为255，G值为0，B值为0；灰色的R、G、 B三个值相等（除了0和255）；白色的R、G、B都为255；黑色的R、G、B都为0。RGB图像只使用三种颜色，就可以使它们按照不同的比例混合，在屏幕上重现16777216种颜色。

　　由于网页(WEB)是基于计算机浏览器开发的媒体，所以颜色以光学颜色RGB（红、绿、蓝）为主。 网页颜色是以16进制代码表示，一般格式为#RRGGBB （字母用0~F字母和数字代替 ）如黑色是三个颜色为0，在网页代码便是：#000000。当颜色代码为#AABB11时，可以简写为#AB1表示，如#135与#113355表示同样的颜色。　

很多做平面印刷的人做出的图片放到网页中无法显示，就是因为色彩模式没有选对，没有将印刷用的CMYK色彩模式转换 到浏览器可识别的RGB色彩模式。

加法混色