对于网站来说，页面中刺激记忆最初、最持久的元素就是色彩搭配。事实上运用色彩、进行色彩搭配几乎是大部分设计师感到最棘手的问题。笔者根据多年来的平面设计和网站设计经验，阐述色彩及搭配中的相关问题。

1.有关网站色彩的理论知识

1.1基于web网页安全色的应用Web网页安全色是指在不同硬件环境、不同操作系统、不同浏览器中都能够正常显示的颜色集合，使用216网页安全色进行网页配色可以避免原有的颜色失真问题。这对于一个网页设计师来说是必备的常识，利用它可以拟定出更安全、更出色的网页配色方案。基于Web应用的颜色可以用16进制的数值进行描述，例如标准的红色可以描述为#FF0000。

1.2色彩的三原色电脑屏幕的三原色是红(red)，绿(green)，蓝(blue)。网页设计中的所有颜色均可用红绿蓝3种颜色调和而成，因此计算机就用RGB3个数值的大小来标示颜色。例如标准的红色可以用R:255、G:0、B:0表示。

1.3色彩的三要素自然界中的颜色可以分为非彩色和彩色2大类。非彩色指黑色、白色和各种深浅不一的灰色，而其他所有颜色均属于彩色。任何一种彩色都具有明度、色相和彩度3大属性。

色相，指色彩的基本相貌，它是颜色彼此区别的最主要、最基本的特征。色相体现着色彩外向的性格，是色彩的灵魂。同类颜色色系中，也可以分为几种色相，其中的红色可以分为橘红、大红、土红等。

明度，是指色彩的明暗程度，也可称色彩的亮度、深浅度。明度层次一般分为：低明度色、中明度色、高明度色，明度关系可以说是色彩搭配的基础。

彩度是指色彩的鲜艳程度，即饱和度。彩度越高，色相感越强。任何一个色彩加白、加黑、加灰都会降低它的彩度。

2.网站色彩的情感象征

色彩具有不同的情感特征（表1），色彩运用最终的目的是表达和传递感情。设计网站色彩，除注意色彩的科学性之外，应充分认识色彩的感情作用，即对色彩的反映。

表1 色相的一般特性

色调	象征含义
白	明快 洁白 纯真 神圣 朴素 清楚 纯洁 清静 信仰
黑	寂静 悲哀 绝望 沉默 黑暗 坚实 不正 严肃 寂寞 罪恶
红	热烈 活力 危险 愤怒 喜悦 爱情 革命 活泼 诚心 幼稚
橙	温暖 快活 华贵 积极 跃动 喜悦 温情 任性 甜蜜
黄	光明 希望 宝贵 朝气 愉快 欢喜 明快 轻薄 冷淡
绿	健康 安静 成长 清新 和平 亲爱 理想 纯情 柔和 安静
蓝	平静 科学 理智 深远 速度 悠久 冥想 真实 可信
紫	优美 神秘 不安 永远 高贵 温厚 温柔 幽雅 轻率

此外也和人的年龄、性格、素养、民族、习惯分不开。人们对色彩的这种由经验感觉到主观联想，再上升到理智的判断，既有普遍性，也有特殊性；既有共性，也有个性。因此，我们在进行选择色彩作为某种象征和含义时，应该根据具体情况具体分析，需要反复推敲，才能配出好的色彩关系。

3.网站色彩的搭配

3.1无彩色和彩色搭配无彩色与彩色进行搭配是常用的配色形式。网站采用多种不同色相时，或画面中含有过于强烈的对比色彩时，都可以加入黑色进行调和。黑色可以稳住跳跃的色彩，使画面和谐，利于达到统一的视觉效果，同时黑色给人以稳重的心理感觉，常与其他的色彩搭配。在网页上，白色和灰色常用来做背景色，它们明视度低，对视觉没有刺激，适合阅读。白与灰可以协调各种色彩关系，分割色彩，使对比弱化，使网站整体色彩在视觉上达到统一。

3.2特色鲜明网站设计的色彩运用，必须要有自身独特的风格，使网站个性鲜明，才能给用户留下深刻的印象，在众多的网站中脱颖而出。例如，在Microsoft.com页面中，只采用了一种色相——蓝色。在色彩表现上采取了多种渐变手法，铺垫到信息格局的背景里，在页面顶部增加层次感。对于Microsoft.com这样的想要表达出“一种声音”的网站来说，单一色相可以给人一种清晰悦目的感觉，整洁、统一反而会加深印象，给人留下深刻的感受。

3.3确立网站的主色、辅助色、背景色主色是整个画面的重心点，直接影响到整体视觉效果。主色一经确定，要保持一定的稳定性，用这种色彩来帮助受众对网站的识别。比如说可口可乐公司网站主色采用红色调，配以灰色来衬托，取得了很好的视觉效果。不但感觉和谐，而且非常时尚，传递着热烈、激动、健康时尚的信息。

辅助色起到一定量的视觉分散效果。在小范围内使用能起到突出主题，融合主色效果的辅助作用，使页面更加鲜明生动。通常应用于图标、文字、表格、线条、输入框及超链接等。索尼公司的网站主色采用深灰色，辅助色采用黑色、蓝色、银灰色，具有很强的科技感和现代感；局部少量纯色的运用，为网站增添了时尚感。

背景色是页面的底色,有时和主色是同一色彩，环抱整体色调，起到协调、支配整体的作用。设计背景色时，要考虑页面底色的深、浅。我们常常遇到的问题其实主要是背景颜色和字体颜色的搭配问题：做到既不显得呆板，又不至于过于亮丽而造成过强刺激的视觉效果。

3.4要针对不同的主题来布置色彩网站色彩的运用还要根据主题和内容来定。确定主题之后，要选择一种适合主题内容的色调作为主色，来表现网站的内容。举例来说，一个有关于环保的网站，若用大红色作为网页底色，不会有人联想到网页的内容是与环保有关。而快餐店采用大红色就比较适合现代的生活节奏，用色彩来吸引顾客，揽招顾客的回头率，这是设计师用色彩与受众进行心理沟通的方式。同样的道理，做新闻类的网站就要考虑到受众浏览网站的目的是摄入大量的信息，所以可用较为强烈的色彩组合，这样就能使读者快速地摄入信息，感受到信息的高速传递。把握好用色的技巧，是网页设计成功的一个方面。

当然，每个人的审美观不同，可能也会对颜色的代表性看法不同，但既然网站不只是写给某个人看的，就应该要顾及大多数人的审美取向和审美情趣，从大多数人的欣赏眼光出发来设计网页。不同内容的网页在用色时有较大的区别，作为网页设计师，做到有针对性的用色是相当重要的，合理地使用色彩，把握色彩的情感象征以体现网站的主题及特色。

3.5注重网站色彩的平衡与整体规划色彩的平衡主要表现在色彩的面积、色彩的位置、文字信息的排版和页面的其他元素的协调。网站所有页面的风格，色彩调子和色彩搭配都要保持一致。网站整体的色彩设计要有计划性，是设计师先理智后感性的思维过程。

4.结束语

互联网已成为人们生活中不可缺少的工具，页面设计日益被人们重视，在如此复杂的色彩环境中，我们对色彩要予以更多的关注，培育出丰富的、有规律的色彩文化。设计师不仅要具备网站制作的技术，还要具有很好的信息结构，对色彩的驾驭能力,这需要不断地思考、感受和实践。