网页配色方案

在这里给大家介绍一下网页的几种配色方案，在开始之前选简单的讲一下有关色彩的几个属性：
色相，亮度和对比度；
色相：不同波长的颜色构成不周的色相，它由三原色红，黄，蓝的分量值来决定的；
亮度即是指颜色的明暗程度；
对比度是指颜色中彩色所占的多少，一般是与非彩色的比，非彩色通常指白，黑，灰；
色相&色调体系是结合颜色的三种属性而对颜色进行分类的体系；下面是色相环和色调表图示：(两表中颜色的取值是我凭感觉定的，如有误差请多多包涵)





现在进入正题：配色实战；

一.基于的色相的配色关系：运用不同色调的同一色相，叫做同一色相配色或类似色相配色；

1.相反色相，类似色调配色法：
这种配色方案是用相反色相类似色调来进行的，因此影响这种配色方案的关键在于色调；
如使用了对比度高的鲜明色调时，所用的色相效果就会被突出从面得到较强的动态效果；
如用了对比度较低的色调时，所用的色相效果也就会比较安静沉重；
如图中：

这个网站采用高亮的蓝色作为背景，橙，红，紫等相反色作为辅助色，给人一种轻快的感觉；

2.相反色相，相反色调配色：
这种配色方案是采用相反的色相和色调，得到的效果具有强烈的变化感；
如下列站点：


这个站点采用了苍白的黄绿色，基中图像主要用了略带灰色的色彩，页面中实现了较沉重的感觉，在导航部分使用黄色和深暗色调的紫色，充分展示了相反色相，相反色调的特殊效果；

3.非彩色和彩色：
非彩色主要是白，黑，灰，它们在与彩色搭配时会起到突出彩色的效果：如红色与黑色的搭配，黑色与黄色的搭配
；在此就不再举例说明了!
[NextPage]

网页配色方案二
二.基于色调进行配色

这种配色方案主要是通对同一色相或是类似色相来设置不同的色调而得到不同的配色效果；这种配色方案的优点在于：通过使用同一色相或是类似色相尽可能地减少色相的使用范围；呵呵，其实我的主页主要是运用了这种配色方案，这也是我本人喜欢的配色方案
1.相同色相类似色调的配色方案：
图示见下：


(色相环)



(色调表)

例如http://www.Blankandcables.com
这是一个建筑与家装设计的站点，在首页灰亮的黄绿色和阴暗的黄色表现了深沉老练的感觉，利用统一的配色而达到一个整体的效果！

2.同一色相相反色调的配色
图示如下：



(色相环)



(色调表)

例如：http://www.style.com
这是一个杂志相关的网站，首页运用蓝色和灰色构成，其中蓝色使用了不同的色调的多种颜色，而次页也用了pale,strong,deep等多种色调的青绿色和紫色，从而得到了不失统一感而又不单调的色彩效果！