1.2.3 网页配色原则
当人们第一眼看到一个页面，首先映入眼帘的就是页面的色彩，所以说颜色对于浏览者是非常敏感的，是树立网站形象的关键之一。网站的类型不同、表现的主题内容不同、网页浏览的人群不同，这些都对页面配色有着不同的要求。下面了解一些色彩的基本知识。
1．色彩的形成
1）颜色是由光的折射而产生的。
2）所有色彩都可以用红、绿、蓝这三种色彩调和而成。HTML语言中的色彩表达即是用这三种颜色的数值表示。例如，红色的十六进制表示为（FF0000），白色为（FFFFFF），＂bgColor=#FFFFFF＂是指背景色为白色。
3）颜色分非彩色和彩色两类。
非彩色即黑、白、灰色系。彩色即除了非彩色以外的所有色彩。
4）任何色彩都有饱和度和透明度的属性，属性的变化产生不同的色相，所以能表现出几百万种颜色。
2．色环
色环就是将彩色光谱中的长条形色彩序列首尾连接在一起，使红色连接到另一端的紫色而形成的一个颜色环。色环通常包括12种基本颜色，如图1-20所示。
图1-20 色环图
（1）基色
基色是最基本的颜色，通过按一定比例混合基色可以产生任何其他颜色。现在大多是用红、绿、蓝（RGB模式）作为基色进行颜色显示（加色法），例如计算机显示器。而彩色喷墨打印机，是用青、品红、黄、黑四种颜色的减色法（CMYK模式）。显示器叠加出像素的彩色，而纸张上的墨水则从它反射的光中吸收了某种颜色。
（2）次生色
将色环中任何两种相邻的基色混合可获得另一种颜色，这种颜色就是次生色，如青、品红和黄。加色法中的次生色就是减色法中的基色，巧合的是，减色法中的次生色也就是加色法中的基色，这就是加色模式和减色模式之间的相互关系。
（3）三次色
为了完成色环，再次找到已填入色环的颜色之间的中间色，幸运的是，这些三次色对于加色法和减色法都是相同的。
3．颜色之间的相互关系
（1）相似色
相似色是指某种给定颜色旁边的颜色。例如橙色的两个相似色是红色和黄色。使用相似色的配色方案可以提供颜色的协调和交融，显得层次丰富而自然。
（2）互补色
互补色也称为对比色（反差最大），它们在色环上相互正对。如果希望更鲜明地突出某些颜色，则选择对比色，如黄色和蓝色。
（3）分列的互补色
一种颜色，先找到它的互补色，该互补色两边的两种颜色即是。
（4）三色组
三色组是色环上等距离的任何三种颜色。在配色方案中使用三色组时，颜色对比均比较强烈，如基色和次生色均是三色组。
（5）暖色
暖色由红色调构成，如红色、橙色和黄色。暖色给人以温暖、舒适、有活力的感觉，这些颜色产生的视觉效果使其更贴近观众，并在页面上更显突出。
（6）冷色
冷色来自于蓝色调，如蓝色、青色和绿色，这些颜色使配色方案显得稳定和清爽，它们看起来还有远离观众的效果，所以适于做页面背景。
4．色彩的三要素
1）明度：是指色彩的明暗程度，也称亮度。明度由光的振幅决定，振幅越大亮度越高。
2）色相：是色彩的相貌，是一种色彩区别另一种色彩的表面特征，它是由光的波长引起的一种视觉感。色相秩序的确定是根据太阳光谱的波长顺序排列的，即红、橙、黄、绿、蓝、紫等，它们是所有色彩中最突出、纯度最高的典型色相。
3）纯度：即色彩所含的单色相饱和的程度，也称为彩度。决定颜色纯度的因素有多方面，从光的角度讲，光波波长越单一，色彩越纯；光波波长越混杂，比例越均衡，各单色光的色性就会消失，纯度为零。同一高纯度色彩在光线照射下，色彩的纯度也相应降低。
色彩的三要素是互相依存、互相制约的，很难截然分开，其中任何一个属性的改变，都将引起色彩个性的变化。
5．网站配色标准与原则
（1）特色鲜明
一个网站的用色必须要有自己独特的风格，要与表现的内容相和谐，还要考虑受众人群的年龄、层次等特点，这样才能显得个性鲜明，主题突出，和谐自然，给浏览者留下深刻的印象。
（2）搭配合理
网页设计虽然属于平面设计的范畴，但它又与其他平面设计不同，它在遵从艺术规律的同时，还考虑观众的生理特点。色彩搭配一定要合理，给人一种和谐、愉快的感觉。
（3）讲究艺术性
网站设计也是一种艺术活动，因此它必须遵循艺术规律，在考虑到网站本身特点的同时，按照内容决定形式的原则，大胆进行艺术创新，设计出既符合网站要求，又有一定艺术特色的网站。
6．色彩与心理
（1）黄色
黄色是各种色彩中，最为娇气的一种色，具有冷漠、高傲、敏感、扩张和不安宁的视觉印象。
在纯黄色中混入少量的其他色，其色相感和色彩性格均会发生较大程度的变化。
●在黄色中加入少量的蓝，会使其转化为一种鲜嫩的绿色，其高傲的性格也随之消失，趋于一种平和、潮润的感觉。
●在黄色中加入少量的红，则具有明显的橙色感觉，其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。
●在黄色中加入少量的黑，其色感和色性变化最大，成为一种具有明显橄榄绿的复色印象，其色性也变得成熟、随和。
●在黄色中加入少量的白，其色感变得柔和，其性格中的冷漠、高傲被淡化，趋于含蓄，易于接近。
案例赏析一如图1-21所示。
图1-21 案例赏析一
（2）红色
红色容易引起人的注意，也容易使人兴奋、激动、紧张、冲动，也容易使人视觉疲劳。红色色感温暖，性格刚烈而外向，是一种对人刺激很强的颜色。在红色中混入其他颜色的感觉如下。
●红色中加入少量黄，会使其热力强盛，趋于躁动、不安。
●红色中加入少量蓝，会使其热性减弱，趋于文雅、柔和。
●红色中加入少量黑，会使其性格变的沉稳，趋于厚重、朴实。
●红中加入少量的白，会使其性格变得温柔，趋于含蓄、羞涩、娇嫩。
案例赏析二如图1-22所示。
图1-22 案例赏析二
（3）绿色
绿色具有黄色和蓝色两种成分，它将黄色的扩张感和蓝色的收缩感相中和，将黄色的温暖感与蓝色的寒冷感相抵消，这样使得绿色的性格最为平和、安稳。绿色是一种柔顺、恬静、满足、优美的颜色。
●绿色中黄的成分较多时，其性格趋于活泼、友善，具有幼稚性。
●绿色中加入少量的黑，其性格就趋于庄重、老练、成熟。
●绿色中加入少量的白，其性格就趋于洁净、清爽、鲜嫩。
●绿色与金色搭配会显得很明亮。
案例赏析三如图1-23所示。
图1-23 案例赏析三
（4）白色
白色具有圣洁的不容侵犯性，其色感光明，性格朴实、纯洁、快乐。
如果在白色中加入其他任何色，都会影响其纯洁性，使其性格变得含蓄。
●在白色中混入少量红，就成为淡淡的粉色，鲜嫩而充满诱惑。
●在白色中混入少量黄，则成为一种乳黄色，给人一种香腻的印象。
●在白色中混入少量蓝，给人感觉清冷、洁净。
●在白色中混入少量橙，有一种干燥的气氛。
●在白色中混入少量绿，给人一种稚嫩、柔和的感觉。
●在白色中混入少量紫，可诱导人联想到淡淡的芳香。
案例赏析四如图1-24所示。
图1-24 案例赏析四
（5）蓝色
蓝色色感冷静，性格朴实而内向，是一种有助于人头脑冷静的色，常为那些性格活跃、具有较强扩张力的色彩提供一个深远、广袤、平静的空间，成为衬托活跃色彩的友善而谦虚的朋友。蓝色还是一种在淡化后仍然能保持较强个性的颜色。如果在蓝色中分别加入少量的红、黄、黑、橙、白等色，均不会对蓝色的性格构成明显的影响力。案例赏析五如图1-25所示。
图1-25 案例赏析五
（6）紫色
紫色的明度在有彩色的色料中是最低的，其低明度给人一种沉闷、神秘的感觉。
●在紫色中红的成分较多时，使其具有压抑感、威胁感。
●在紫色中加入少量的黑，其感觉就趋于沉闷、伤感、恐怖。
●在紫色中加入白，可使紫色沉闷的性格消失，变得优雅、娇气，并充满女性的魅力。
案例赏析六如图1-26所示。
图1-26 案例赏析六