颜色是种看起来相当简单，却非常难处理好的东西。而且，由于它是任何设计中极度视觉化、焦点化的部分，当它没处理好时会如此引人注意。如果你的设计中这么重要的部分给人感觉不好，或者没有很好的表现你的公司、服务或品牌，那么它就能让停留访问的用户消失不见。颜色可以分成两个大类无彩色系和有彩色系，有彩色系的颜色具有三个基本特性：色相、纯度（也称彩度、饱和度）、明度。在色彩学上也称为色彩的三大要素或色彩的三属性。

一、色彩的三大要素

色相：所谓色相指的就是色彩的相貌（颜色）区别互相间的差异，对每一种颜色都给予一种称呼，使我们能呼出其名而知其色，这种区分就称之为色相。

明度：指的就是色彩的明亮度。每一种色彩会因为光线反射强弱而呈现深浅的差别，无色彩中，明度最高的为白色，最低的为黑色，在白与黑中，还有深浅不同的灰，有色彩中，黄色明度最高，紫色最低。

彩度：指的和是色彩的鲜艳度。彩度最高的颜色，即色调中最强的颜色，称之为纯色。以红色为例，纯色中的红色，其色调最强，也是彩度最高的颜色。

二、色彩的关系对比

（1）邻近色相对比：色相环上相邻的二至三色对比，色相距离大约30度左右，为弱对比类型。如红橙与橙与黄橙色对比等。效果感觉柔和、和谐、雅致、文静，但也感觉单调、模糊、乏味、无力，必须调节明度差来加强效果。

（2）同类色相对比：一种色相的不同明度或不同纯度变化的对比，俗称同类色组合。如蓝与浅蓝（蓝+白）色对比，绿与粉绿（绿+白）与墨绿（绿+黑）色等对比。对比效果统一、文静、雅致、含蓄、稳重，但也易产生单调、呆板的弊病。

（3）对比色相对比：色相对比距离约120度左右，为强对比类型，如黄绿与红紫色对比等。效果强烈、醒目、有力、活泼、丰富，但也不易统一而感杂乱、刺激、造成视觉疲劳。一般需要采用多种调和手段来改善对比效果。

三、色彩的配色方法

通常配色方案有近似色、补充色、分离补色等。

1．近似色 近似色是色环上已给定的颜色临近的任何一种颜色。如果从橙色开始，它的两种近似色应该选择红和黄。为近似色在色环上的位置。用近似色的颜色主题可以实现色彩的融洽与融合。

2．补充色 补充色也叫对比色，是指在色环中的直接位置相对的颜色。如果想要使网站中的色彩强烈突出、富有冲击力的话，可选择对比色。为使用了补充色的网站。大块的橙色和蓝色用到一起，具有强烈的冲击力，达到了视觉上的震撼效果。

3．分离补色 分离补色可以由 2～3 种颜色组成。在色环上选择一种颜色，它的补色就在色环的另一面。可以使用补色旁边的一种或多种颜色。 这样的一组颜色叫做分离补色。分离补色的搭配可以起到类似补充色的强烈对比作用，但有近似色的缓冲，可以使页面效果更加柔和。

网页设计师需要注意，三原色的相互搭配创造出了无数颜色，可不是所有的颜色都适用于网页设计，不同的颜色在搭配上也有着其中的学问，网页设计就相当于平面设计，网页设计师可以将平面设计中的审美观点套用到这上面来，所以平面设计上的审美的观点在网页设计上非常实用。

扫描二维码与小二CMS创始人沟通：

小二CMS专注于高端网站定制、系统开发、商城开发、外贸网站建设、公众号开发、小程序开发、网站优化推广、安全运维等技术领域。是高端定制网站领域著名服务商！