网页设计配色应用实例剖析

灰色介于灰色和白色之间，中性色、中等明度、无色彩、极低色彩的颜色。灰色能够吸收其他色彩的活力，削弱色彩的对立面，而制造出融合的作用。

灰色是一种中立色，具有中庸、平凡、温和、谦让、中立和高雅的心理感受，也被称为高级灰，是经久不衰、最经看的颜色。

任何色彩加入灰色都能显得含蓄而柔和。但是灰色在给人高品味、含蓄、精致、雅致耐人寻味的同时，也容易给人颓废、苍凉、消极、沮丧、沉闷的感受，如果搭配不好页面容易显得灰暗、脏。

从色彩学上来说，灰色调又泛指所有含灰色度的复合色，而复合色又是三种以上颜色的调和色。色彩可以有红灰、黄灰、蓝灰等上万种彩色灰，这都是灰色调，而并不单指纯正的灰色。

下面我们根据灰色搭配不同的颜色所表现出的视觉特性，做一些不同的举例分析。

→ 灰色网页（明度浅灰色）例图：http://www.canubia.com



灰色系分析：（明度浅灰色）
从页面所呈现的明度色调来看，整个页面偏浅灰色调，柔美高雅的灰调子。
主色调及背景色是接近于明度白色且非常浅的灰调，辅色调的灰调子明度上较主色调稍深些，另一辅色调为白色。
RGB模式显示点睛色红色R217及G9来看不是正红色，在如此灰调子的页面来看，如果不参考RGB模式肉眼几乎看不出来。如果没有点睛色的加入整个页面呈毫无生气的灰色系，略有些脏的感觉，平淡且乏味，没能使大家对它产生过多的印象。红色的特性把以上的这些平淡的感受打破了，让人愿意细品灰色所带来的悠长韵味。
HSB模式的B也能看出浅灰色在明度上较高，部分渐变的深灰色在页面上所占用的面积也不少，另一点睛色黑色的作用就是使明度色阶跨度加深、明确，整个页面呈现灰蒙蒙的感觉得以减弱。

结论：
该页面整个看起来也可以说只有两种色彩搭配，即非色彩系黑白灰和色彩系红色，页面显得非常简洁而含蓄。点睛色的加入减少了非色调浅灰色有可能产生的单调感觉。

→ 灰色网页（同类灰色系：灰色＋橙色）例图：http://www.hcreativos.com



灰色系分析：（同类灰色系：灰色＋橙色）
该页面主要以大面积的灰色系列为主，主色调为背景色非常明确。部分灰色只在明度上加深了，增强灰色的空间感。
从RGB所呈现的均衡数值及HSB模式的HS都为零来看，主色调的浅灰色属于非常纯净的非色彩，没有掺杂其他色系进去。而辅色调的两个模式上就有些差异，HSB模式的H显示180度色相上偏青蓝色，有及其微弱的饱和度，明度也较低。点睛色壬