coreldrawx4绿色版

无论是平面设计，还是网页设计，色彩永远是最重要的一环。当我们距离显示屏较远的时候，

我们看到的不是优美的版式或者是美丽的图片，而是网页的色彩。

关于色彩的原理有许多，在此我们不可能一一阐述，大家可以看看相关设计书籍，有

利于系统地理解。在此我们仅仅想告诉大家一些网页配色时的小技巧。

1．用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，产生新的色

彩，用于网页。这样的页面看起来色彩统一，有层次感。

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

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

土灰，土蓝。

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

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

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

文字内容。

色标

一.基本配色——奔放

-----------------------------------------------------------------------------------

藉由使用象朱红色这种一般最令人熟知的色彩，或是它众多的明色和暗色中的一个，都能在

一般设计和平面设计上展现活力与热忱。中央为红橙色的色彩组合最能轻易创造出有活力、

充满温暖的感觉。

这种色彩组合让人有青春、朝气、活泼、顽皮的感觉，常常出现在广告中，展示精力充

沛的个性与生活方式。把红橙和它的补色——蓝绿色——搭配组合起来，就具有亲近、随和、

活泼、主动的效果，每当应用在织品、广告和包装上，都是非常有效。

基本配色——奔放2

基本配色——奔放3

二.基本配色——传统

-----------------------------------------------------------------------------------

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

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

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

狩猎绿（huntergreen）配上浓金或是暗红或是黑色表示稳定与富有。这种色彩常出现在

银行和律师事务所的装潢上，因为它们代表恒久与价值。

基本配色——传统2

基本配色——传统3

三.基本配色——低沉

-----------------------------------------------------------------------------------

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

色，是个少见的彩色。

任何颜色加上少许的灰色或白色，能表达出的柔和之美，有许多种包括灰蓝色、灰绿色

等。但若灰紫色本身被赋其它彩度或亮度，则可能掩盖了原颜色的原有意境。使用补色，或

比原色更生动的颜色，可使这些展现柔和之美的颜色顿时生意昂然，但要保持自然的柔美，

亮度的变化应尽少使用。

基本配色——低沉2

基本配色——低沉3

四.基本配色——动感

-----------------------------------------------------------------------------------

最鲜艳的色彩组合通常中央都有原色——黄色。黄色代表带给万物生机的太阳，活力和永恒

的动感。当黄色加入了白色，它光亮的特质就会增加，产生出格外耀眼的全盘效果。

高度对比的配色设计，像黄色和它的补色紫色，就含有活力和行动的意味，尤其是出现

在圆形的空间里面。身处在黄色或它的任何一个明色的环境，几乎是不可能会感到沮丧的。

基本配色——动感2

基本配色——动感3

五基本配色——丰富

-----------------------------------------------------------------------------------

要表现色彩里的浓烈、富足感可藉由组合一个有力的色彩和它暗下来的补色。例如，深白兰

地酒红色就是在红色中加了黑色，就像产自法国葡萄园里陈年纯美的葡萄酒，象征财富。白

兰地酒红色和深森林绿如果和金色一起使用可表现富裕。

这些深色、华丽的色彩用在各式各样的织料上，如皮革和波纹皱丝等等，可创造出戏剧

性、难以忘怀的效果。这些色彩会给人一种财富和地位的感觉。

基本配色——丰富2

基本配色——丰富3

六.基本配色——高雅

-----------------------------------------------------------------------------------

高雅的色彩组合只会使用最淡的明色。例如，少许的黄色加上白色会形成粉黄色，这种色

彩会给全白的房间带来更温馨的感觉。自然光造成柔和的阴影，并且凸显建筑上的细微部

分，如此，将能达到设计出幽雅的目的。

在服装设计上，米色色调高雅的亚麻、丝绸、羊毛和丝绒能轻描淡写地表示古典、高

贵的气质，给人一种雍容华贵的印象。

基本配色——高雅2

基本配色——高雅3

七.基本配色——古典

-----------------------------------------------------------------------------------

古典的色彩组合带有势力与权威的意味，强烈的宝蓝色（royalblue）是任何一个古典色彩组

合的中间装饰色。它是如此地醒目，就算和其它的色彩搭配在一起，也毫不会逊色。

古典的色彩组合表示真理、责任与信赖。又因为它接近绿色，宝蓝色会唤起人持久、稳

定与力量的感觉，特别是和它的分裂补色——红橙和黄橙色搭配在一起。

基本配色——古典2

基本配色——古典3

八.基本配色——怀旧

-----------------------------------------------------------------------------------

任何色彩搭配淡紫色，最能诠释怀旧思古之情。能令人仿佛回到维多利亚时代，如梦似幻的

时刻，优美的诗歌和浪漫的乐章。

在紫色系中，淡紫色融合了红和蓝，比起粉色较精致，也较刚硬。淡紫色尽管无声无息，

与其它色彩相配后，仍可见其清丽出众，往日如歌，犹在耳际。

基本配色——怀旧2

基本配色——怀旧3

九.基本配色——活力

-----------------------------------------------------------------------------------

表达活力的色彩必定要包含红紫色。它是“运动”的最佳代言人。红紫色搭配它的补色黄绿色，

将更能表达精力充沛的气息。

较不好的色彩是红紫色加黄色，或红紫色加绿色，这两种色彩也许暂时给人振奋的感觉，

但其实已削弱了整体的效果。唯有黄绿色融合加上红紫色，才是充分展现热力、活力与精神

的色彩。

基本配色——活力2

基本配色——活力3

十.基本配色——可靠

-----------------------------------------------------------------------------------

海蓝（navyblue）是最为大众所接受的颜色之一。采用这种颜色的色彩组合可解释成可靠、

值得信赖的色彩。

这类组合也带有不可置疑的权威感。警官、海军军官或法官都穿着深色、稳定的海军蓝，

以便在值勤时表现出统率、支配的权威感。

当海军蓝用红和金色来强调时，会变得较不严肃，但仍表达出坚定、有力量的感觉。

基本配色——可靠2

基本配色——可靠3

十一.基本配色——浪漫

-----------------------------------------------------------------------------------

粉红代表浪漫。粉红色是把数量不一的白色加在红色里面，造成一种明亮的红。象红色一样，

粉红色会引起人的兴趣与快感，但是比较柔和、宁静的方式进行。

浪漫色彩设计，藉由使用粉红、淡紫和桃红（略带黄色的粉红色），会令人觉得柔和、

典雅。和其它明亮的粉彩配合起来，红色会让想起梦幻般的６月天和满满一束夏日炎炎下

娇柔的花朵。

基本配色——浪漫2

基本配色——浪漫3

十二.基本配色——流行

-----------------------------------------------------------------------------------

今天“流行”的，明天可能就“落伍”了。流行的配色设计看起来挺舒服的，但却有震撼他人

目光的效果。

淡黄绿色（chartreuse）就是一个很好的例子，色彩醒目，适用于青春有活力且不寻常

的事物上。

从棒球运动鞋到毛衣，这种鲜明的色彩在流行服饰里创造出无数成功的色彩组合。黄

绿或淡黄绿色和它完美的补色——苯胺红（magenta）搭配起来，就是一种绝妙的对比色

彩组合。

基本配色——流行2

基本配色——流行3

十三.基本配色——平静

-----------------------------------------------------------------------------------

在任何充满压力的环境里，只要搭配出一些灰蓝或淡蓝的明色色彩组合，就会制造出令人平

和、恬静的效果。

中间是淡蓝的配色设计，会给人安心的感觉，因为它看起来诚实、直接。

带着明色的寒色可保持安宁、平和的感觉。补色和这些强调平静的色彩在明暗度方面一

定要类似，这点很重要，因为要是色彩太鲜明，会制造出不必要的紧张。

基本配色——平静2

基本配色——平静3

十四.基本配色——强烈

-----------------------------------------------------------------------------------------

最有力的色彩组合是充满刺激的快感和支配的欲念，但总离不开红色；不管颜色是怎么

组合，红色绝对是少不了的。

红色是最终力量来源——强烈、大胆、极端。力量的色彩组合象征人类最激烈的感情：

爱、恨、情、仇，表现情感的充分发泄。

在广告和展示的时候，有力色彩组合是用来传达活力、醒目等强烈的讯息，并且总能

吸引众人的目光。

基本配色——强烈2

基本配色——强烈3

十五.基本配色——清爽

-----------------------------------------------------------------------------------

被认为是清爽的色彩组合，通常包括淡而浅的蓝绿和它的搭档——红橙色——也是它的补

色。

蓝绿或是鸭绿（teal），色彩清新、舒爽，常常以纯色来描写游历与闲适。

清爽的色彩组合如果添以光彩，可散发出祥和、宁静的气息。

基本配色——清爽2

基本配色——清爽3

十六.基本配色——清新

-----------------------------------------------------------------------------------

绿色拥有同样多的蓝色与黄色，带着欣欣向荣、健康的气息。

就算是绿色里最柔和的明色，一种萧索的色调，只要配上少许的红色（它强烈的补色），

即能创造出一股生命力。

采用色相环上绿色的类比色，可设计出代表户外环境、鲜明、生动的色彩。

一如晴空万里下，一片刚整理好的草坪，天蓝草绿，合起来看是那么地清新、自然。

基本配色——清新2

基本配色——清新3

十七.基本配色——热带

-----------------------------------------------------------------------------------

色相环上带有热带风味的色调，一定包括绿松石绿（truquoise）。添加些色彩，使其渐亮，

成为绿松石绿——一种冷色系里最温暖的色彩。

和其它蓝绿色的明色家族成员在一起，可增加宁静的感觉与讯息。

利用红橙色——绿松石绿的补色——在任一个这些色彩组合里，都有最佳的效果。

就像大自然里的花朵，这些配色设计可强化任一场景，并创造多重祥和宁静、自由自在

的感觉。

基本配色——热带2

基本配色——热带3

十八.基本配色——热情

-----------------------------------------------------------------------------------

采用黄橙、琥珀色的色彩组合，是最具亲和力的。添加少许红色的黄色会发出夺目的色彩，

处处惹人怜爱。如果充分表现出这类色彩组合的强度时，会使人联想到耀眼的金光或是珍贵

的番红花。

把番红花色（saffron）加上白色，来作单色配色的设计时，会产生一种古典的美感，令

人心动神摇。

淡琥珀色组成的配色，使人有舒适、温馨的感觉。这类色调可作多种应用，像淡黄的明

色可以营造出欢乐、诚恳的气氛。

基本配色——热情2

基本配色——热情3

十九.基本配色——柔和

-----------------------------------------------------------------------------------

当我们要设计出柔和的色彩组合时，使用没有高度对比的明色，是最明智不过的了。桃色在

无言的调色板上传达出诱人、甜美的色彩讯息，非常适合任何场所，无论是在餐厅，展示商

品的店里，还是在流行服饰中，这类色彩都展现出可爱、迷人的一面。

和紫色、绿色搭配起来，虽然色彩渐趋柔和，但是另一番奇幻的神韵却油然而生，成为

一种二次色的配色设计。

居室内的装潢，如果采用这类轻柔、缓和的色彩来设计，往往是非常理想的，因为这类

色彩不但表现出开朗、活泼的个性，同时也表现出平和大方的气度。

基本配色——柔和2

基本配色——柔和3

二十.基本配色——神奇

-----------------------------------------------------------------------------------

紫色透露着诡异的气息，所以能制造奇幻的效果。各种彩度与亮度的紫色，配上橘色和绿色，

便是刺激与新奇的最佳代言人。

如果紫色配上黄绿色或黄橘色，色调不合、怪异，而且俗不可耐，但如果配上它真正的

补色——黄色，便能展现怪诞、诡异的感觉，令人不禁要驻足，欣赏一番。

以现代流行语来说，紫色象征“青涩”或“未成年”，常被用以代表两代关系之间的沟通桥

梁。

基本配色——神奇2

基本配色——神奇3

二十一.基本配色——堂皇

-----------------------------------------------------------------------------------

纯蓝和一些红结合在一起，产生蓝紫色，这是色相环上最深的颜色，不具黑色来减低它内在

的力量。

和这类色彩搭配，可象征权威，表现出皇家的气派，就象夏日的梅子，有深不可测的蓝

黑，蓝紫和它的补色——黄橙搭配起来，就创造出最惊人的色彩设计。

这种豪华的组合设计，有皇室的雍容，但除了用在这类威吓人的环境，一般是鲜少使用

的。

基本配色——堂皇2

基本配色——堂皇3

二十二.基本配色——土性

-----------------------------------------------------------------------------------

深色、鲜明的红橙色叫赤土色。我们常用它来组合、设计出鲜艳、温暖、充满活力与土地味

的色彩。这种色彩有种淡淡的温暖，就像经过琢磨、润饰的铜器。

和白色搭配起来，就会象散发出自然灿烂的光。土性的色彩有年轻人爱笑、爱闹的个性，

令人联想到悠闲，舒适的生活。

因为是类比设计的一部分，这种温馨、土味的色调会产生有趣的色彩组合。例如出现在

美国西部的装潢设计。

基本配色——土性2

基本配色——土性3

二十三.基本配色——友善

-----------------------------------------------------------------------------------

配色设计要想表达友善之意时，常会使用到橙色。这种色彩组合，开放、随和，又有一切表

现能量和动力的素质。能够创造出平等、有序气氛，却没有强势和支配的霸气。

橙色和它邻近的几个色彩常应用在快餐厅，因为这类色彩会散发出食物品质好、价钱公

道等诱人的讯息。橙色有耀眼、活力的特质，所以被选为在危险地区的国际安全色。橙色的

救生筏和救生设备（例如救生衣等）可以让人轻易地在蓝色和灰色的大海里发现踪迹。

基本配色——友善2

基本配色——友善3

二十四.基本配色——专职

-----------------------------------------------------------------------------------

在商业活动中，颜色受到仔细的评估，一般流行的看法，灰色或黑色系列可以象征“职业”，

因为这些颜色较不具个人主义，有中庸之感。

灰色其实是鲜艳的红色或橘色最好的背景色。这些活泼的颜色加上低沉的灰色，可以使

原有的热力稍加收敛、含蓄一些。

虽然灰色不具刺激感，却富有实际感。它传达出一种实在、严肃的气息，绝少幽默之感

基本配色——专职2

基本配色——专职3

色彩定义

在黑暗中色彩消失。我们四周不管是自然的或人工的物体，都有各种色彩和色调。这些色彩

看起来好像附着在物体上。然而一旦光线减弱或称为成为黑暗，所有物体都会失去各自的色

彩。

我们看到的色彩，事实上是以光为媒体的一种感觉。色彩是人在接受光的刺激后，视网膜的

兴奋传送到大脑中枢而产生的感觉。

牛顿的光谱

光是电磁波,能产生色觉的光只占电磁波中的一部分范围。而其中人类可以感受到的范

围（可见光），是780毫米到380毫米之间。太阳光属于可见光，牛顿第一次实验时，利用

菱镜分散太阳光，形成光谱。

单色光和复合光

这种分散的光谱，即使再一次透过菱镜也不会再扩散，称为单色光。我们日常所见的光，

大部分都是单色光聚合而成的光，称为复合光。复合光中所包含的各种单色光的比例不同，

就产生不同的色彩感觉。

色彩构成

色彩的的产生

1．光源光。光源发出的色光直接进入视觉。

2．透射光。光源光穿过透明或半透明物体后再进入视觉的光线，称为透射光。

3．反射光。反射光是光进入眼睛的最普遍的形式，在有光线照射的情况下，眼睛能看

到的任何物体都是由于反射光进入视觉所致。

物体色和固有色

1．非发光物体所呈现出的色彩，由物体表面和投照光决定为物体色。

2．固有色。通常是指物体在正常白色日光下所呈现的色彩特征。

色彩的范畴

色彩分为无色彩与有色彩两大范畴。

无色彩指无单色光，即：黑、白、灰；

有色彩指有单色光，即：红、橙、黄、绿、蓝、紫；

色彩的三要素

1)明度：在无色彩中，明度最高的色为白色，明度最低的色为黑色，中间存在一个从

亮到暗的灰色系列。在在彩色中，任何一种纯度都有着自己的明度物特征。例如：黄色为明

度最高的色，紫色为明度最低的色。

明度在三要素中具有较强的独立性，它可以不带任何色相的特征而通过黑白灰的关系单

独呈现出来。色相与纯度则必须依赖一定的明暗才能显现，色彩一旦发生，明暗关系就会出

现。我们可以把这种抽象出来的明度关系看作色彩的骨骼，它是色彩结构的关键。

2)色相：色相是指色彩的相貌。

如果说明度是色彩的骨骼，色相就很像色彩外表的华美肌肤。色相体现着色彩外向的性

格，是色彩的灵魂。

3)纯度：纯度指的是色彩的鲜浊成度。混入白色，鲜艳度降低，明度提高；混入黑色，

鲜艳度降低，明度变暗；混入明度相同的中性灰时，纯度降低，明度没有改变。

不同的色相不但明度不等，纯度也不相等。纯度最高为红色，黄色纯度也较高，绿色纯

度为红色的一半左右。

纯度体现了色彩内向的品格。同一色相，即使纯度发生了细微的变化，也会立即带来色

彩性格的变化。

色彩表示

1)混色系统：分为色光混合与色彩混合。实际上,我们又把它们称作减色混合和加色混合。

在舞台灯光中使用的色彩混合就是色光混合，而我们绘画时常用的调色法就是色彩混合。详

见色彩混合。

2)显色系统：显色系统的理论依据是把现实中的色彩按照色相、明度、纯度三种基本性质

加以系统的组织，然后定出各种标准色标，并标出符号，作为物体的比较标准。通常用三维

空间关系来表示明度、色相与纯度的关系，因而获得立体的结构，称为色立体。

A明度进阶表位于色立体的中心位置，成为色立体垂直中轴，分别以白色和黑色为最

高明度和最低明度的极点，在黑白之间依秩序划分出从亮到暗的过渡色阶，每一色阶表示一

个明度等级。

B色相环：色相色阶是以明度色阶表为中心，通过偏角环状运动来表示色相的完整体系

和秩序的变化。色相环由纯色组成。

C纯度色阶表呈水平直线形式，与明度色阶表构成直角关系，每一色相都有自己的纯

度色阶表，表示该色相的纯度变化。以该色最饱合色为一极端，向中心轴靠近，含灰量不断

加大，纯度逐渐降低，到达另一个极端，即明度色阶上的灰色。

D等色相面：在色立体中，由于每一个色相都具有横向的纯度变化和纵向的明度变化，

因此构成了该色相的两度空间的平面表示。该色相的饱合色依明度层次不断向上靠近白色，

向下运动靠近黑色，向内运动靠近灰色，这样的关系构成了该色的等色相面。

E等明度面：若沿着明度色阶表成垂直关系的方向水平切开色立体，可以获得一个等

明度面。

3)三种主要色立体：美国画家孟谢尔的孟谢尔色立体；奥斯特瓦德色立体；日本色彩研

究会色立体。关于这几种色彩立体的详细说明十分复杂，请读者自己参阅相关书籍。

色彩混合

1)加法混合：是指色光的混合。光亮度会提高，混合色的总亮度等于相混合各色光亮度之

总合。

色光混合中，三原色光是朱红、翠绿、蓝紫，它们都不能用其它色光相混产生。朱红与

翠绿相混得黄色光；翠绿与蓝紫相混得蓝色光；蓝紫与朱红相混得紫红色光；黄色光、蓝色

光、紫色光为间色光。当三源色光按照一定比例相混时，所得到的光是无彩色的白色光或灰

色光。

减法混合：主要是指色料的混合，颜料的混合也属于色彩的减法混合。

减法混合的三原色是加法混合三原色的补色，即红、黄、蓝。原色红为品红，原色黄为

淡黄，原色蓝为天蓝。用二种原色相混，产生的颜色为间色：红色与蓝色相混产生紫色；黄

色与红色相混产生橙色；黄色与蓝色相混产生绿色。

减法混合中，混合的色越多，明度越低，纯度也会有所下降。

3)中性混合：是基于人的视觉生理特征所产生的视觉色彩混合，而并不变化色光或发色材

料本身。由于混色效果的亮度既不增加也不降低，而是相混合各亮度的平均值，因此这种色

彩混合的方式被称为中性混合。

中性混合有两种方式：颜色旋转混合，空间混合。

色彩搭配

[黑与白]:非常对立而又有共性,是色彩最后的抽象.能够用来表达富有哲理性的东西.其中

——

[黑色]:空、无、永恒的沉默.

[白色]:虚无,有无尽的可能性.

此二色总时通过对方的存在显示自己的力量.

[黄色]:亮度最高,尤其灿烂、辉煌.象征着智慧之光,象征着权力、骄傲.经不起白色的冲淡.

当用黑、紫、深蓝反衬时,能加强.淡粉色能使之变柔和.

[绿色]:具中性特点.和平色,偏向自然美.宁静、生机勃勃,宽容色彩.可衬托多种颜色而达到

和谐.

[蓝色]:永恒、博大、遥远感.

[紫色]:大面积有恐怖感,紫红尤其明显.暗紫有灾难感.淡紫则是一种优美的活泼色.紫与黄共

存时,消极性更加显著.

[红色]:最强有力的色彩,能引起肌肉的兴奋.热烈、冲动.

[橙色]:较温和,是一种很活泼、辉煌的色彩.富足的、快乐的色彩.稍加黑则较稳重.蓝橙对比

时较生动.

[灰色]:是色彩中最被动的颜色.受有彩色影响极大,靠邻近的色彩获得自己的生命.近冷则暖,

近暖则冷.最有平静感（中性）,是视觉中最安静的色彩.有很强的调和对比的作用.

网页色彩

色彩是人的视觉最敏感的东西。主页的色彩处理得好，可以锦上添花，达到事半功倍的效果。

色彩总的应用原则应该是“总体协调，局部对比”，也就是：主页的整体色彩效果应该是和谐

的，只有局部的、小范围的地方可以有一些强烈色彩的对比。在色彩的运用上，可以根据主

页内容的需要，分别采用不同的主色调。因为色彩具有象征性，例如：嫩绿色、翠绿色、

金黄色、灰褐色就可以分别象征着春、夏、秋、冬。其次还有职业的标志色，例如：军警的

橄榄绿，医疗卫生的白色等。色彩还具有明显的心理感觉，例如冷、暖的感觉，进、退的效

果等。另外，色彩还有民族性，各个民族由于环境、文化、传统等因素的影响，对于色彩的

喜好也存在着较大的差异。充分运用色彩的这些特性，可以使我们的主页具有深刻的艺术内

涵，从而提升主页的文化品位。下面介绍几种常用的配色方案：

1.暖色调。

即红色、橙色、黄色、赭色等色彩的搭配。这种色调的运用，可使主页呈现温馨、和煦、热

情的氛围。

2.冷色调。

即青色、绿色、紫色等色彩的搭配。这种色调的运用，可使主页呈现宁静、清凉、高雅的氛

围。

3.对比色调。即把色性完全相反的色彩搭配在同一个空间里。例如：红与绿、黄与紫、橙与

蓝等。这种色彩的搭配，可以产生强烈的视觉效果，给人亮丽、鲜艳、喜庆的感觉。当然，

对比色调如果用得不好，会适得其反，产生俗气、刺眼的不良效果。这就要把握“大调和，

小对比”这一个重要原则，即总体的色调应该是统一和谐的，局部的地方可以有一些小的强

烈对比。

最后，还要考虑主页底色（背景色）的深、浅，这里借用摄影中的一个术语，就是“高调”

和“低调”。底色浅的称为高调；底色深的称为低调。底色深，文字的颜色就要浅，以深色的

背景衬托浅色的内容（文字或图片）；反之，底色淡的，文字的颜色就要深些，以浅色的背

景衬托深色的内容（文字或图片）。这种深浅的变化在色彩学中称为“明度变化”。有些主页，

底色是黑的，但文字也选用了较深的色彩，由于色彩的明度比较接近，读者在阅览时，眼睛

就会感觉很吃力，影响了阅读效果。当然，色彩的明度也不能变化太大，否则屏幕上的亮度

反差太强，同样也会使读者的眼睛受不了。

网页色彩

网页的色彩是树立网站形象的关键之一，色彩搭配却是网友们感到头疼的问题。网页的背景，

文字，图标，边框，超链接...，应该采用什么样的色彩，应该搭配什么色彩才能最好的表达

出预想的内涵呢？

首先我们先来了解一些色彩的基本知识：

1.颜色是因为光的折射而产生的。

2.红，黄，蓝是三原色，其它的色彩都可以用这三种色彩调和而成。网页html语言中

的色彩表达即是用这三种颜色的数值表示例如：红色是color(255,0,0)十六进制的表示方法

为(FF0000)白色为(FFFFFF),我们经常看到的"bgColor=#FFFFFF"就是指背景色为白色。

3.颜色分非彩色和彩色两类。非彩色是指黑，白，灰系统色。彩色是指除了非彩色以外

的所有色彩。

4.任何色彩都有饱和度和透明度的属性，属性的变化产生不同的色相，所以至少可以制

作几百万种色彩。

网页制作用彩色还是非彩色好呢？根据专业的研究机构研究表明：彩色的记忆效果是黑白的

3.5倍。也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。

我们通常的做法是：主要内容文字用非彩色(黑色)，边框，背景，图片用彩色。这样页

面整体不单调，看主要内容也不会眼花。

●非彩色的搭配

黑白是最基本和最简单的搭配，白字黑底，黑底白字都非常清晰明了。灰色是万能色，

可以和任何彩色搭配，也可以帮助两种对立的色彩和谐过渡。如果你实在找不出合适的色彩，

那么用灰色试试，效果绝对不会太差。

●彩色的搭配

色彩千变万化，彩色的搭配是我们研究的重点。我们依然需要进一步学习一些色彩的知

识。

一.色环。我们将色彩按"红-黄-绿-蓝-红"依次过度渐变，就可以得到一个色彩环。色环

的两端是暖色和寒色，当中是中型色。

二.色彩的心理感觉。不同的颜色会给浏览者不同的心理感受。

红色---是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。

绿色---介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。它和金黄，

淡白搭配，可以产生优雅，舒适的气氛。

橙色---也是一种激奋的色彩，具有轻快，欢欣，热烈，温馨，时尚的效果。

黄色---具有快乐，希望，智慧和轻快的个性，它的明度最高。

蓝色---是最具凉爽，清新，专业的色彩。它和白色混合，能体现柔顺，淡雅，浪漫的气

氛(象天空的色彩

白色---具有洁白，明快，纯真，清洁的感受。

黑色---具有深沉，神秘，寂静，悲哀，压抑的感受。

灰色---具有中庸，平凡，温和，谦让，中立和高雅的感觉。

每种色彩在饱和度，透明度上略微变化就会产生不同的感觉。以绿色为例，黄绿色有青春，

旺盛的视觉意境，而蓝绿色则显得幽宁，阴深。

●网页色彩搭配的原理

1.色彩的鲜明性。网页的色彩要鲜艳，容易引人注目。

2.色彩的独特性。要有与众不同的色彩，使得大家对你的印象强烈。

3.色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔

性。

4.色彩的联想性。不同色彩会产生不同的联想，蓝色想到天空，黑色想到黑夜，红色想

到喜事等，选择色彩要和你网页的内涵相关联。

色彩对比

1)同时对比与连续对比：

同时对比：当两种颜色同时并置在一起时，双方都会把对方推向自己的补色，红和绿并

置，红的更红，绿的更绿；黑白并置，黑显得更黑，白显得更白。这种现象属于色彩的同时

对比。

连续对比：指在不同的时间条件下，或者说在时间运动的过程中，不同颜色刺激之间的

对比。

2)色相对比：

不同颜色并置，在比较中呈现色相差异，称为色相对比。

A原色对比：红、黄、蓝表现了最强烈的色相气质，它们之间的对比属最强的色相对

比。令人感受到一种极强烈的色彩冲突，似乎更具精神的特征。

B间色对比：橙、绿、紫为原色相混所得的间色，其色相对比略显柔和。

C补色对比：在色环直径两端的为互补色。一对补色并置在一起，可以使对方的色彩

更加鲜明。

D邻近色相对比：在色环上顺序相邻的基础色相，如红与橙、黄与绿、橙与黄这样的色并

置关系。属色相弱对比。特征是具明显的统一调性，同时在统一中不失对比的变化。

E类似色相对比：在色环上非常邻近的色，如蓝与绿味蓝这样的色相对比，是最弱的

色相对比效果。

F冷暖色相对比：从色环上看，明显在寒冷印象的色彩是蓝绿至蓝紫的色，其中蓝色

为最冷的色；明显有暖和感的色是红紫至黄的色，其中红橙色为最暖的色。冷暖对比产生美

妙、生动、活泼的色彩感觉。冷色与暖色能产生空间效果，暖色有前进感和扩张感，冷色有

后退感和收缩感。

3)纯度对比：

一个鲜艳的红色与一个含灰的红色并置，能比较出它们在鲜浊上的差异，称为纯度对比。

4)明度对比：每一种颜色都有自己的明度特征。当它们对比时，视觉除去分辨出色相的

不同，还会明显感觉到明暗的差异，这就是色彩的明度对比

色彩心理

1)色彩的物质性心理错觉

冷色与暖色是依据心理错觉对色彩的物理性分类，对于颜色的物质性印象，大致由冷暖

两个色系产生。红光和橙、黄色光本身有暖和感，照射任何色都会产生暖和感。相反，紫色

光、蓝色光、绿色光有寒冷的感觉。

冷色和暖色除去温度不同的感觉外，还会有其它感受，如重量感、湿度感等。暖色偏重，

冷色偏轻；暖色密度强，冷色稀薄；冷色透明感强，暖色透明感较弱；冷色显得湿润，暖色

显得干燥；冷色在退远感，暖色有迫近感。

色彩的明度与纯度也会引起对色彩物理印象的错觉。颜色的重量感主要取决于色彩的明

度，暗色重，明色轻。纯度与明度的变化还会给人色彩软硬的印象，淡的亮色使人觉得柔软，

暗的纯色则有强硬的感觉。

2)颜色的表情：色彩的情感是因为人们长期生活在色彩的世界中，积累了许多视觉经验，

视觉经验与外来色彩剌激产生呼应时，就会在心理上引出某种情绪。

红色：是强有力的色彩，是热烈、冲动的色彩，高度的庄严肃穆。在深红的底子上，红

色平静下来，热度在熄灭着；在蓝色的底上，红色就像炽烈燃烧的火焰；在黄绿色的底上，

红色变成一促冒失的、鲁莽的闯入者，激烈而又寻常；在橙色的底上，红色似乎被郁积着，

暗淡而无生命，好象焦干了似的。

橙色：是十分欢快活泼的光辉色彩，是暖色系中最温暖的色。

橙色稍稍混入黑或白色，会成为一种稳重、含蓄又明快的暖色，但混入较多黑色，就会

成为一种烧焦的色；橙色中加入较多的白色会带有一种甜腻的味道。橙色与蓝色搭配，构成

了最响亮、最欢快的色彩。

黄色：是亮度最高的色，在高明度下能保持很强的纯度。黄色的灿烂、辉煌有着太阳般

的光辉，因此象征着照亮黑暗的智慧之光；黄色有金色的光芒，因此又象征财富和权力，是

骄傲的色彩。黑或紫色的衬托可以使黄色达到力量无限扩大的强度。白色是吞没黄色的色彩，

淡淡的粉红色也可以像美丽的少女一样将黄色这骄傲的王子征服。

黄色最不能承受黑色或白色的侵蚀，稍微渗入，黄色即刻会失去光辉。

绿色：鲜艳的绿色非常美丽，优雅，很宽容、大度，无论蓝色或黄色渗入，仍旧十分美

丽。黄绿色单纯，年青；蓝绿色青秀、豁达。含灰的绿色也仍是一种宁静、平和的色彩。

蓝色：是博大的色彩，是永恒的象征。蓝色是最冷的色，在纯净的情况下并不代表感情

上的冷漠，只不过表现出一种平静、理智与纯净而已。真正令人情感冷酷悲哀的色，是被弄

混浊的蓝色。

紫色：是非知觉的色，神秘，给人印象深刻，有时给人以压迫感，并且因对比不同，时

而富有威胁性，时而又富有鼓舞性。当紫色以色域出现时便可能明显产生恐怖感，在倾向于

紫红色时更是如此。

紫色是象征虔诚的色相，当紫色深化暗化时又是蒙昧迷信的象征。一旦紫色被淡化，当

光明与理解照亮蒙昧的虔诚之色时，优美可爱的晕色就会使我们心醉。

用紫色表现混乱、死亡和兴奋，用蓝紫色表现孤独与献身，用红紫色表现神圣和爱和精

神的统辖领域——简而言之，这就是紫色色带的一些表现价值。

黑、白、灰色：无彩色在心理上与有彩色具有同样价值。黑和白是对色彩的最后抽象，代表

色彩的阴极和阳极。

黑白所具有的抽象表现力以及神秘感，似乎能超越任何色彩的深度。康丁斯基认为，黑

色意味空无，像太阳的毁灭，像永恒的沉默，没有未来，失去希望。而白色的沉默不是死亡，

而是有无尽的可能性。黑白两色是极端对立的色，然而有时又令人感到它们之间有难以言状

的共性。白色和黑色都可以表达对死亡的恐惧和悲哀，都具有不可超越的虚幻与无限的精神。

在色彩体系中，灰色是最被动的色彩，它是彻底的中性色，依靠邻近的色彩获得生命，

灰色一旦靠近鲜艳的暖色，就会显出冷静的品格；若靠近冷色，则变为温和的暖灰色。

3)色彩的象征性：色彩情感的进一步升华，在于它能深刻地表达人的观念和信仰，这就是

色彩的象征性意义。

4)对颜色的喜爱：有多种动机影响着人们对颜色的喜爱。A社会背景；B年龄差异；C心

理的需求；D场合的差异；E用途的差异；F流行色。