无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。

关于色彩的原理有许多，在此我们不可能一一阐述，大家可以看看相关设计书籍，有利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。

1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。

2．用两种色彩。先选定一种色彩，然后选择它的对比色。

3．用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。

在网页配色中，还要切记一些误区：

1．不要将所有颜色都用到，尽量控制在三种色彩以内。

2．背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。

色标

一 基本配色——奔放

藉由使用象朱红色这种一般最令人熟知的色彩，或是它众多的明色和暗色中的一个，都能在一般设计和平面设计上展现活力与热忱。中央为红橙色的色彩组合最能轻易创造出有活力、充满温暖的感觉。

这种色彩组合让人有青春、朝气、活泼、顽皮的感觉，常常出现在广告中，展示精力充沛的个性与生活方式。把红橙和它的补色——蓝绿色——搭配组合起来，就具有亲近、随和、活泼、主动的效果，每当应用在织品、广告和包装上，都是非常有效。

基本配色——奔放2 

基本配色——奔放3 

二 基本配色——传统

传统的色彩组合常常是从那些具有历史意义的色彩那里仿来的。

蓝、暗红、褐和绿等保守的颜色加上了灰色或是加深了色彩，都可表达传统的主题。

例如，绿，不管是纯色或是加上灰色的暗色，都象征财富。

狩猎绿（hunter green）配上浓金或是暗红或是黑色表示稳定与富有。这种色彩常出现在银行和律师事务所的装潢上，因为它们代表恒久与价值。

基本配色——传统2 

基本配色——传统3 

三 基本配色——低沉 
 

不同于其它色彩展现柔和，低沉之美的灰紫色没有对比色。灰紫色调合了红紫色、灰色和白色，是个少见的彩色。 
 

任何颜色加上少许的灰色或白色，能表达出的柔和之美，有许多种包括灰蓝色、灰绿色等。但若灰紫色本身被赋其它彩度或亮度，则可能掩盖了原颜色的原有意境。使用补色，或比原色更生动的颜色，可使这些展现柔和之美的颜色顿时生意昂然，但要保持自然的柔美，亮度的变化应尽少使用。

基本配色——低沉2 

基本配色——低沉3

四 基本配色——动感

最鲜艳的色彩组合通常中央都有原色——黄色。黄色代表带给万物生机的太阳，活力和永恒的动感。当黄色加入了白色，它光亮的特质就会增加，产生出格外耀眼的全盘效果。 
 

高度对比的配色设计，像黄色和它的补色紫色，就含有活力和行动的意味，尤其是出现在圆形的空间里面。身处在黄色或它的任何一个明色的环境，几乎是不可能会感到沮丧的。

基本配色——动感2 

基本配色——动感3

五 基本配色——丰富 
 

要表现色彩里的浓烈、富足感可藉由组合一个有力的色彩和它暗下来的补色。例如，深白兰地酒红色就是在红色中加了黑色，就像产自法国葡萄园里陈年纯美的葡萄酒，象征财富。白兰地酒红色和深森林绿如果和金色一起使用可表现富裕。

这些深色、华丽的色彩用在各式各样的织料上，如皮革和波纹皱丝等等，可创造出戏剧性、难以忘怀的效果。这些色彩会给人一种财富和地位的感觉。

基本配色——丰富2

基本配色——丰富3 

六 基本配色——高雅

高雅的色彩组合只会使用最淡的明色。例如，少许的黄色加上白色会形成粉黄色，这种色彩会给全白的房间带来更温馨的感觉。自然光造成柔和的阴影，并且凸显建筑上的细微部分，如此，将能达到设计出幽雅的目的。

在服装设计上，米色色调高雅的亚麻、丝绸、羊毛和丝绒能轻描淡写地表示古典、高贵的气质，给人一种雍容华贵的印象。

基本配色——高雅2

基本配色——高雅3 

七 基本配色——古典

古典的色彩组合带有势力与权威的意味，强烈的宝蓝色（royal blue）是任何一个古典色彩组合的中间装饰色。它是如此地醒目，就算和其它的色彩搭配在一起，也毫不会逊色。

古典的色彩组合表示真理、责任与信赖。又因为它接近绿色，宝蓝色会唤起人持久、稳定与力量的感觉，特别是和它的分裂补色——红橙和黄橙色搭配在一起。

基本配色——古典2