网页配色

一般来说，网页的背景色应该柔和一些、素一些、淡一些，再配上深色的文字，使人看起来自然、舒畅。而为了追求醒目的视觉效果，可以为标题使用较深的颜色。下面是我做网页和浏览别人的网页时，对网页背景色和文字色彩搭配积累的经验，这些颜色可以做正文的底色，也可以做标题的底色，再搭配不同的字体，一定会有不错的效果，希望对大家在制作网页时有用。 
BgcolorΚ〃＃F1FAFA〃———做正文的背景色好，淡雅 
BgcolorΚ〃＃E8FFE8〃———做标题的背景色较好 
BgcolorΚ〃＃E8E8FF〃———做正文的背景色较好，文字颜色配黑色 
BgcolorΚ〃＃8080C0〃———上配黄色白色文字较好 
BgcolorΚ〃＃E8D098〃———上配浅蓝色或蓝色文字较好 
BgcolorΚ〃＃EFEFDA〃———上配浅蓝色或红色文字较好 
BgcolorΚ〃＃F2F1D7〃———配黑色文字素雅，如果是红色则显得醒目 
BgcolorΚ〃＃336699〃———配白色文字好看些 
BgcolorΚ〃＃6699CC〃———配白色文字好看些，可以做标题 
BgcolorΚ〃＃66CCCC〃———配白色文字好看些，可以做标题 
BgcolorΚ〃＃B45B3E〃———配白色文字好看些，可以做标题 
BgcolorΚ〃＃479AC7〃———配白色文字好看些，可以做标题 
BgcolorΚ〃＃00B271〃———配白色文字好看些，可以做标题 
BgcolorΚ〃＃FBFBEA〃———配黑色文字比较好看，一般作为正文 
BgcolorΚ〃＃D5F3F4〃———配黑色文字比较好看，一般作为正文 
BgcolorΚ〃＃D7FFF0〃———配黑色文字比较好看，一般作为正文 
BgcolorΚ〃＃F0DAD2〃———配黑色文字比较好看，一般作为正文 
BgcolorΚ〃＃DDF3FF〃———配黑色文字比较好看，一般作为正文 
浅绿色底配黑色文字，或白色底配蓝色文字都很醒目，但前者突出背景，后者突出文字。红色底配白色文字，比较深的底色配黄色文字显得非常有效果。

1.用一种色彩。 
这里是指先选定一种色彩，然后调整透明度或者饱和度， (说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于[宝贝描述、签名档]。 
这样的页面看起来色彩统一，有层次感。 

2.用两种色彩。 
先选定一种色彩，然后选择它的对比色(在photoshop里按ctrl+shift+I)。 
这样整个页面色彩丰富但不花稍。 

3.用一个色系。 
简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。 
确定色彩的方法各人不同，我是在photoshop里按前景色方框， 
在跳出的拾色器窗中选择"自定义"，然后在"色库"中选就可以了 

4.用黑色和一种彩色。 
比如：大红的字体配黑色的边框感觉会很"跳"。 

在配色中，忌讳的是： 
1.不要将所有颜色都用到，尽量控制在三种色彩以内。 
2.背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要宝贝文字及产品内容喔。 



Re:网页颜色搭配技巧 
红色---是一种激奋的色彩。刺激效果，能使人产生冲动，愤怒，热情，活力的感觉。 

绿色---介于冷暖两中色彩的中间，显得和睦，宁静，健康，安全的感觉。 它和金黄，淡白搭配，可以产生优雅，舒适的气氛。 

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

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

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

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

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

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

每种色彩在饱和度，透明度上略微变化就会产生不同的感觉。以绿色为例，黄绿色有青春，旺盛的视觉意境，而蓝绿色则显得幽宁，阴深。

如何使用色彩给网站定位,首先就要明了自己站的定位,所要面象的受众及自己的偏好.下面引用一段美术老师的讲解: 
色彩的生理反应 
虽然并没有直接证据显示色彩能引发特定反应，但是研究显示，某些颜色确实能够引起一些生理上的反应。例如，红色就是一种非常刺激的颜色，往往会令人心跳加快、呼吸急促。所以，红色非常适合用在需要引起注意和强调的时候，但若用在背景颜色的时候可能显得过于强烈。相同地，黄色也能引起注意，但因为其反射性太强，容易造成眼睛的疲劳和不舒服。另外一方面，蓝色对神经系统具有放松的效果，且根据一些研究显示，以蓝色当背景还能增加生产力。但是，如果你的产品与食物有关，千万不要用蓝色作为背景颜色，因为蓝色可是会抑制人们的胃口喔。 

色彩的象征 
色彩所象征的意义有时候跟大自然中的事物有关。例如，天空与太阳的颜色所产生的联想举世接然。然而，大部分的色彩意义都跟民族文化有关，例如，政治、宗教、神话或社会结构等 -- 这些因素可能会随着时间与地域的不同而产生差异。若你设计的网站是针对国外地区，那你可千万得小心，同一颜色在不同文化可能会有南辕北辙的效果。另外，大部分的颜色都同时具有正面和负面的联想。你可以运用色彩的质量和饱和度的不同，或者是用混合两个颜色的方式来强调某个特别的涵义。 

一般在西方的文化中，色彩所传达的涵义为： 

红色：热情、浪漫、火焰、暴力、侵略。红色在很多文化中代表的是停止的讯号，用于警告或禁止一些动作。 

紫色：创造、谜、忠诚、神秘、稀有。紫色在某些文化中与死亡有关。 

蓝色：忠诚、安全、保守、宁静、冷漠、悲伤。 

绿色：自然、稳定、成长、忌妒。在北美文化中，绿色代表的是「行」，与环保意识有关，也经常被连结到有关财政方面的事物。 

黄色：明亮、光辉、疾病、懦弱。 

黑色：能力、精致、现代感、死亡、病态、邪恶。 

白色：纯洁、天真、洁净、真理、和平、冷淡、贫乏。白色在中华文化中也代表着死亡的颜色。 
选择最恰当的色彩组合 
替网站选对颜色可不是一件容易的事；很多公司还特别聘请专业咨询人员，使其色彩组合能搭配、强化整体的品牌形象。但是，如果你自己就已经具有色彩调和感，并且了解某些颜色可能会引起什么样的反应，你只需照着你的方法进行，开发出有效的色彩组合。在你开始找寻对应的颜色之前，你必须先很清楚你网站所要传达的讯息和目标。一但你了解要传达的讯息后，就可开始进行调色工作了。在过程中，你免不了要不断地试验混合颜色，这是一个极具创意的过程。别害怕使用大胆的颜色组合，但在将你的产品公诸于世之前，记得要经过充分的测试喔！ 

色彩的使用技巧与指针 
1. 了解你的网站所要传达的讯息和品牌。选择可以加强这些讯息的颜色。例如，如果在设计一个强调稳健的金融机构，那么就要选择冷色系、柔和的颜色，像是蓝、灰或绿。在这样的状况下，如果使用暖色系或活泼的颜色，可能会破坏了该网站品牌。 

2. 了解你的读者群。文化差异可能会使色彩产生非预期的反应。同时，不同地区与不同年龄层对颜色的反应亦会有所不同。年轻族群一般比较喜欢饱和色，但这样的颜色却引不起高年龄层的兴趣。 

3. 不要使用过多的颜色。除了黑色和白色以外，约选择四到五个颜色就够了。太多的颜色会导致混淆，也会拉走读者的注意力。 

4. 在阅读的部分使用对比色。颜色太接近无法产生足够的对比效果，也会妨碍观众阅读。白底黑字的阅读效果最好。 

5. 用灰阶来测试对比。当你在处理黑色、白色和灰色以外的颜色的时候，有时候会很难决定每个颜色的相对值。为了要确认你的色盘能提供足够的对比，你可以建立一个仿真网站，并将它转换成灰阶即可。 

6. 选择颜色要注意时效性。同一个色彩很容易就充斥着整个市场，且消费者很快的就对流行色彩感到麻木。但就另外一个角度来看，你可以使用几十年前的流行色彩，引起人们的怀旧之情。 

7. 选择色盘时请考虑功能性的颜色。别忘了将关键信息部分建立功能性的颜色，例如标题和超级链接等。 

8. 注意网站色差问题。每一个网站开发人员都知道，即使是网络通用颜色在跨平台显示的时候都会有些不同。记得要校正你的 gamma 值，并在不同的作业平台上测试你的色盘。 


例如红色风格的整站: 
红色给人以热情、活力的感觉。在很多使用了红色的网站中，红色所担任的角色都是强调色，因为红色比较鲜明，极易吸引人们的眼球。 

使用了鲜红色作为主色调的网页。鲜艳的色彩，给人个性鲜明、富有活力的感觉。