1、紫色是一种在自然界中比较少见的颜色。象征着女性化，代表着高贵和奢华、优雅与魅力，也象征着神秘与庄重、神圣和浪漫。另一方面又有孤独等意味。紫色在西方宗教世界中是一种代表尊贵的颜色，大主教身穿的教袍便采用了紫色。紫色的明度在有彩色的色度中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。在紫色中红的成份较多时，显得华丽和谐。紫色中加入少量的黑，沉重、伤感、恐怖、庄严的感觉。紫色中加入白，变得优雅、娇气，并充满女性的魅力。紫色通常用于以女性为对象或以艺术作品介绍为主的站点，但很多大公司的站点中也喜欢使用包含神秘色彩的紫色，但都很少做大面积使用。不同色调的紫色可以营造非常浓郁的女性化气息，在白色的背景色
2、和灰色的突出颜色的衬托下，紫色可以显示出更大的魅力。紫色系分析：（高纯度对比：同类紫色+同类对比色）紫色的 HSB 数值 H 色相为 300 度时是正紫色。上图的 HSB 模式 S 数值显示，上组颜色饱和度基本都比较高，加上部分较高的明度组合，使该页面异常奢华艳丽。辅色调之一的黄色是紫色强度最高的对比色，主、辅色面积的大小不同是形成视觉冲击力最大的主要原因。值得一提的是右下脚的浅蓝色的运用，它在整个页面配色上是很谦逊的角色，但却既突出上面的文字内容，又不张扬的压抑住其他颜色的配色，属于丰富于页面的辅助作用。如果把它试换成别的颜色似乎还是没有这个浅蓝色效果好。另一辅助色浅紫红色又称粉红色，粉红色
3、主要用于包含少女在内的女性站点。因为从明亮到浅白色调的粉红色能够表现出可爱、乖巧的感觉，这里只做少量运用。 其他点睛色使用得虽多但面积很小，主要是主色调紫色附近的过渡色，例如群青、青莲、玫瑰、红色等点缀，闪亮耀眼，增强页面的视觉感染力，有渲染出华丽凸显现代气息的作用。结论：紫色结合红色的紫红色是非常女性化的颜色，它给人的感觉通常都是浪漫、柔和、华丽、高贵优雅，特别是粉红色可以说是女性化的代表颜色。高彩度的紫红色可以表现出超凡的华丽，而低彩度的粉红色可以表现出高雅的气质。紫红色并不能随意在所有的站点中使用，但使用恰当的紫红色会给人留下深刻的印象。高彩度的紫色和粉红色之间的搭配通常都能得到较好的效
4、果。 该页面具有非常强烈的现代奢华感。时尚张扬的配色组合，符合该页面主题所要表达的环境，让人容易记住它。蓝色是色彩中比较沉静的颜色。象征着永恒与深邃、高远与博大、壮阔与浩渺，是令人心境畅快的颜色。蓝色的朴实、稳重、内向性格，衬托那些性格活跃、具有较强扩张力的色彩，运用对比手法，同时也活跃页面。另一方面又有消极、冷淡、保守等意味。蓝色与红、黄等色运用得当，能构成和谐的对比调和关系。蓝色是冷色调最典型的代表色，是网站设计中运用得最多的颜色，也是许多人钟爱的颜色。蓝色表达着深远、永恒、沉静、无限、理智、诚实、寒冷的多种感觉。蓝色会给人很强烈的安稳感，同时蓝色还能够表现出和平、淡雅、洁净、可靠等。蓝色
5、系分析：(高纯度对比：蓝色 +玫瑰色)蓝色的 HSB 数值 H 色相为 240 度时是正蓝色。上图的 HSB 模式 S 数值显示，所有主要配色的饱和度都是 100%。从主色调、辅色调 HSB 模式的数值可看出，这两种颜色在明度上有较大的区别，色相上稍有轻度变化，饱和度相同。RGB 模式上看，主色调与辅色调 R 数值都为 0，G 绿色的数值和 B 蓝色数值分量的变化，得到了不同蓝色的两结果。点睛色仅是 R 红色与 B 蓝色两色调和而得没有掺杂其他颜色，因此饱和度呈最高值 100%。整个页面配色的饱和度都为 100%，页面整体配色看起来视觉冲击力异常强烈。辅助色白色让页面上的颜色的特性发挥到极致，
6、是不可缺少的辅助配色。结论：响亮、强烈刺激的词语似乎都适用于上图页面，源于高纯度烘托、微妙的冷暖变化配色上，体现出现代都市张扬时尚的气息。白色块面的线型使得这种高纯度高强度的配色变得响亮却也缓和。辅色调蓝色的运用透露出设计师的大胆与魄力，玫瑰色在色轮表里算是冷色系，但是与蓝色广义上的对比来说是暖色，在这里与蓝色搭配算是绝配了。整个页面无不体现出特色和个性黑色是暗色，是纯度、色相、明度最低的非彩色。象征着力量，有时感觉沉默、虚空，有时感觉庄严肃穆，有时又意味着不吉祥和罪恶。自古以来，世界各族都公认黑色代表死亡、悲哀黑色具有能吸收光线的特性，别有一种变幻无常的感觉。黑色能和许多色彩构成良好的对比调
7、和关系，运用范围很广。黑色给人深沉、神秘、寂静、悲哀、压抑的感受。黑色是最有力的搭配色。黑色也常用来表示英俊的男人。黑色系分析：（明度对比：黑色+白色）从 RGB 和 HBS 模式可以看出，三组数字显示没有掺杂任何的数字，都统一到最高级 0 到 255，即纯黑和纯白。黑色白色属于没有色相和饱和度、只在明度两极的非色彩。两种极端强烈对比的只在明度上有区别的颜色，与前面我们所说的三原色、对比色的对比还是有较大区别的。该页面只有两种非色彩搭配，即黑色白色，衬映得该页面的设计元素也非常干净简练，旁边点缀大小得当的文字元素减小该页面有可能因此产生的单调感觉。结论：黑白纯色在明度上反差非常大，视觉冲击强烈
8、，主次分明，全站的贯穿运用，构成特色鲜明的设计风格，散发迷人的高品位的贵族气息。黑白两种颜色的搭配使用通常可以表现出都市化的感觉，常用于现代派页面设计中。灰色介于灰色和白色之间，中性色、中等明度、无色彩、极低色彩的颜色。灰色能够吸收其他色彩的活力，削弱色彩的对立面，而制造出融合的作用。灰色是一种中立色，具有中庸、平凡、温和、谦让、中立和高雅的心理感受，也被称为高级灰，是经久不衰、最经看的颜色。任何色彩加入灰色都能显得含蓄而柔和。但是灰色在给人高品味、含蓄、精致、雅致耐人寻味的同时，也容易给人颓废、苍凉、消极、沮丧、沉闷的感受，如果搭配不好页面容易显得灰暗、脏。从色彩学上来说，灰色调又泛指所有含
9、灰色度的复合色，而复合色又是三种以上颜色的调和色。色彩可以有红灰、黄灰、蓝灰等上万种彩色灰，这都是灰色调，而并不单指纯正的灰色。灰色系分析：（明度浅灰色）从页面所呈现的明度色调来看，整个页面偏浅灰色调，柔美高雅的灰调子。主色调及背景色是接近于明度白色且非常浅的灰调，辅色调的灰调子明度上较主色调稍深些，另一辅色调为白色。RGB 模式显示点睛色红色 R217 及 G9 来看不是正红色，在如此灰调子的页面来看，如果不参考RGB 模式肉眼几乎看不出来。如果没有点睛色的加入整个页面呈毫无生气的灰色系，略有些脏的感觉，平淡且乏味，没能使大家对它产生过多的印象。红色的特性把以上的这些平淡的感受打破了，让人愿
10、意细品灰色所带来的悠长韵味。HSB 模式的 B 也能看出浅灰色在明度上较高，部分渐变的深灰色在页面上所占用的面积也不少，另一点睛色黑色的作用就是使明度色阶跨度加深、明确，整个页面呈现灰蒙蒙的感觉得以减弱。红色的色感温暖，性格刚烈而外向，是一种对人刺激性很强的颜色。红色容易引起人的注意，也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的颜色。在众多颜色里，红色是最鲜明生动的、最热烈的颜色。因此红色也是代表热情的情感之色。鲜明红色极容易吸引人们的目光。红色在不同的明度、纯度的状态（粉红、鲜红、深红）里，给人表达的情感是不一样的。在网页颜色的应用机率中，根据网页主题内容的需求，纯粹使用红
11、色为主色调的网站相对较少，多用于辅助色、点睛色，达到陪衬、醒目的效果。通常都配以其他颜色调和。红色相对于其他颜色，视觉传递速度最快。由于以上的这些红色传达出的特性，因此人们喜欢用红色作为警示符号的颜色，例如：消防、惊叹号、错误提示等等。朱红色在红色系里倾向黄色方向，是大红色加入黄色而得。在色环表中，纯红色在 HSB 里为 0 度，往360 度方向呈现的是冷红色系，0 度方向为黄色系。整个页面里，主色调朱红色面积非常大、确定明显，辅助色主要由黑色、深红构成， （数值上选取的是深红色做标示） 。主色调的 R 呈现出 255 最高数值，S 中 100%，充分标明了红色最高特性。辅助色的深红 R 为
12、222，B87%，显示其充当辅助角色的这一特性。结论：背景色朱红由于红色特性明显，饱和度、明度都非常的高，这里运用了辅助色深红、黑色压住并牵制朱红色抢眼的个性，也同样能达到突出前景主要图片内容的目的。点睛色主要用于标志的突出上，其他导航文字、图片的部分运用等，调和并达到了不至于使得整个页面刺激中又透出的沉闷感。 这类颜色的组合比较容易使人提升兴奋度，红色特性明显，这一醒目的特殊属性，比较被广泛的应用于食品、时尚休闲等等类型的网站。橙色具有轻快、欢欣、收获、温馨、时尚的效果，是快乐、喜悦、能量的色彩。在整个色谱里，橙色具有兴奋度，是最耀眼的色彩。给人以华贵而温暖，兴奋而热烈的感觉，也是令人振奋的
13、颜色。具有健康、富有活力、勇敢自由等象征意义，能给人有庄严、尊贵、神秘等感觉。橙色在空气中的穿透力仅次于红色，也是容易造成视觉疲劳的颜色。在网页颜色里，橙色适用于视觉要求较高的时尚网站，属于注目、芳香的颜色，也常被用于味觉较高的食品网站，是容易引起食欲的颜色。橙色系分析：主色调橙色 HSB 数值的 H 表示色相，显示的是 30 度，而 30 度正是橙色显示特征最标准的颜色正橙色。饱和度和亮度同时达到最高值，因此整个页面的视觉刺激是极其耀眼强烈的。这里选取了三种面积相当又是整个页面使用得最少的颜色为点睛色，使页面生动的同时又运用于导航位置，从而达到突出主题的效果。从 HSB 数值上看它们的明度纯
14、度相对较低，与明度纯度较高的背景正橙色形成鲜明的对比。通过范围较大的背景白色、前景图片灰白色和小细节前景白色文字制造出明快气氛的同时，又呼应统一于整个页面。辅助色在这里是橙色与白色的过渡色。结论：饱和度与纯度很高特性明显的颜色，在达到视觉冲击力的同时，可适当采用少许对比色调和缓和于视觉，从而削弱视觉的疲劳度。黄色是阳光的色彩，具有活泼与轻快的特点，给人十分年轻的感觉。象征光明、希望、高贵、愉快。浅黄色表示柔弱，灰黄色表示病态。它的亮度最高，和其他颜色配合很活泼，有温暧感，具有快乐、希望、智慧和轻快的个性，有希望与功名等象征意义。黄色也代表着土地、象征着权力，并且还具有神秘的宗教色彩。黄色的性格
15、冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。浅黄色系明朗、愉快、希望、发展，它的雅致，清爽属性，较适合用于女性及化妆品类网站。中黄色有崇高，尊贵，辉煌、注意、扩张的心理感受。深黄色给人高贵、温和、内敛、稳重的心理感受。黄色系分析：黄色是所有彩色中明度最高的颜色。上图看到 HSB 模式的 H 数值是 60 度，正是正黄色，但 RGB 数值中加入了 B 蓝色数值为 51，因此降低了 HSB 的饱和度 S 为 80，但是大面积的 黄色仍使得该页面色彩明亮显眼。辅助色是纯黑色，非色彩明度最低的颜色。大面积显眼的正黄色有黑色的线条压制，黄色顿时显得沉稳，页面增添内容感。白色虽然是点睛色，但由于非色彩的
16、白色与黄色的明度最高，因此这里似乎没有起到“点睛“的作用。结论：当鲜度、明度高的背景色与前景辅助色暗度低的黑色在明度形成较强烈的对比时，艳度降低，较能协调视觉。整个页面配色单纯，却也不简单，形成另一种设计风格。绿色在黄色和蓝色（冷暖）之间，属于较中庸的颜色，这样使得绿色的性格最为平和、安稳、大度、宽容。是一种柔顺、恬静、满足、优美、受欢迎之色。也是网页中使用最为广泛的颜色之一。绿色与人类息息相关，是永恒的欣欣向荣是的自然之色，代表了生命与希望，也充满了青春活力，绿色象征着和平与安全、发展与生机、舒适与安宁、松弛与休息，有缓解眼部疲劳的作用。它本身具有一定的与自然、健康相关的感觉，所以也经常用于
17、与自然、健康相关的站点。绿色还经常用于一些公司的公关站点或教育站点。绿色能使我们的心情变得格外明朗。黄绿色代表清新、平静、安逸、和平、柔和、春天、青春、升级的心理感受。绿色系分析：从上图的主色调、辅色调 HSB 模式的数值可看出，这两中颜色只是在明度上有区别，其显示的色相与饱和度是一样的。正绿色是 120 度，这两种颜色从 RGB 数值上看，都不同程度的混合了其他少许颜色，因此离正绿色稍有些偏差。由于绿色本身的特性，所以整个网页看起来很安稳舒适。辅助色只在明度上降低，让页面多了些层次感、空间感。白色块面使得绿色的特性发挥到最好的状态并增强了视觉节奏感。点睛色恰到好处的体现出了“点睛“ 这一妙笔
18、，极尽诱惑力，整个页面顿时生动提神起来，增强了页面主题的表达力。结论：主、辅色调是属于同类色绿色系，通过不同明度的变化，能较递增缓和变化同时却也较明显的体现出页面的色彩层次感来。如果不是通过数值来分析判断，可能会有些朋友凭经验判断，容易误认为这两种颜色除了明度外有可能纯度会有所不同，这时候适当的使用数值模式会很容易得到正确的结论的。整个页面配色很少：最大色块的翠绿，第二面积的白色，第三面积的深绿色，但得到的效果却是强烈的、显眼的，达到充分展现产品主题的目的。深绿色给人茂盛、健康、成熟、稳重、生命、开阔的心理感受。在实用美术中，常有“远看色彩近看花，先看颜色后看花，七分颜色三分花“的说法。这也就
19、说明，在任何设计中，色彩对视觉的刺激起到第一信息传达的作用。因此，对色彩的基础知识的良好掌控，在网页设计中才能做到游刃有余。前面我们介绍了常用的电脑色彩模式 RGB、HSB ，以及色彩的三大属性，今天我们介绍常用配色的基本概念和相关实例剖析。 色环 色环是色彩按红、黄、绿、蓝、红依次过度渐变呈现出来的不同颜色，就可以得到一个色彩环。色环通常包括12 种不同的颜色。三原色 原色：也叫“三原色“。即红、黄、蓝三种基本颜色。自然界中的色彩种类繁多，变化丰富，但这三种颜色却是最基本的原色，原色是其他颜色调配不出来的。除白色外，把三原色相互混合，可以调和出其他种颜色。根据三原色的特性做出相应的色彩搭配，有最迅速最有力最强烈的传达视觉信息效果。 黄色网页例图：http:/www.uni-leipzig.de/studienart/i_flash.htm黄色分析：选取了主色调黄色为示例。我们看到 RGB 数值中 RG 呈现最高值 255 时，HSB 数值中的 SB 也呈现最高值 100%，页面呈现最高纯度亮度纯黄色。因此黄色在三原色中也是亮度最高的颜色。结论：HSB 中 SB 呈现的数值越高，饱和度明度越高，页面色彩强烈艳丽，由于黄色是亮度最高的颜色这一特性，也给人视觉产生强烈刺激的状态，对视觉刺激是迅速的、警戒、醒目的效果，但不易于长时间观看。 红色网页例图：http:/
