• WEB设计软件
• WEB设计艺术
• WEB设计规范
• WEB设计欣赏

 

首页 / WEB设计 / WEB设计规范 /

[WEB设计规范] 网页配色方案

网页配色方案
配色方案一（紫色）：
版面表格边框颜色 #983498
版面标题表格颜色 #d890d8
版面内容表格颜色1 #f8dcf8
版面内容表格颜色2，颜色1和颜色2在bbs风格中互相穿插排列 #fff0ff
版面标题表格字体颜色 #602060
版面内容表格字体颜色 #602060
提醒语句颜色 #602060

配色方案二（粉色）：
版面表格边框颜色 #f00078
版面标题表格颜色 #ff98do
版面内容表格颜色1 #ffe8f0
版面内容表格颜色2，颜色1和颜色2在bbs风格中互相穿插排列 #fff6fc
版面标题表格字体颜色 #602060
版面内容表格字体颜色 #602060
提醒语句颜色 #602060

配色方案三（果绿色）：
版面表格边框颜色 #507010
版面标题表格颜色 #a0dc40
版面内容表格颜色1 #e8f8d0
版面内容表格颜色2，颜色1和颜色2在bbs风格中互相穿插排列 #f8fcf0
版面标题表格字体颜色 #003300
版面内容表格字体颜色 #003300
提醒语句颜色 #309478

配色方案四（深绿色）：
版面表格边框颜色 #288058
版面标题表格颜色 #88d8b0
版面内容表格颜色1 #e0f4e8
版面内容表格颜色2，颜色1和颜色2在bbs风格中互相穿插排列 #f0f8f0
版面标题表格字体颜色 #205838
版面内容表格字体颜色 #205838
提醒语句颜色 #287048

配色方案五（金黄色）：
版面表格边框颜色 #co7800
版面标题表格颜色 #ffc562
版面内容表格颜色1 #ffeed0
版面内容表格颜色2，颜色1和颜色2在bbs风格中互相穿插排列 #Fffaf0
版面标题表格字体颜色 #754900
版面内容表格字体颜色 #754900
提醒语句颜色 #8c5800

配色方案六（湖蓝色）：
版面表格边框颜色 #007ca6
版面标题表格颜色 #15b9ff
版面内容表格颜色1 #cef3ff
版面内容表格颜色2，颜色1和颜色2在bbs风格中互相穿插排列 #ecfbff
版面标题表格字体颜色 #00637b
版面内容表格字体颜色 #00637b
提醒语句颜色 #007a99

配色方案七（宝石蓝色）：
版面表格边框颜色 #002cae
版面标题表格颜色 #7d9aff
版面内容表格颜色1 #d0dcff
版面内容表格颜色2，颜色1和颜色2在bbs风格中互相穿插排列 #eef2ff
版面标题表格字体颜色 #001c7b
版面内容表格字体颜色 #001c7b
提醒语句颜色 #000000

配色方案八（西瓜红色：娇艳）：
版面表格边框颜色 #ff51b0
版面标题表格颜色 #ff8cc6
版面内容表格颜色1 #ffe1f0
版面内容表格颜色2，颜色1和颜色2在bbs风格中互相穿插排列 #fff4fa
版面标题表格字体颜色 #bf0069
版面内容表格字体颜色 #bf0069
提醒语句颜色 #602060

配色方案九（水橘红色）：
版面表格边框颜色 #ff8e68
版面标题表格颜色 #ffa98c
版面内容表格颜色1 #ffe9e1
版面内容表格颜色2，颜色1和颜色2在bbs风格中互相穿插排列 #fff9f7
版面标题表格字体颜色 #9b2700
版面内容表格字体颜色 #9b2700
提醒语句颜色 #000000

配色方案十（粉绿色）：
版面表格边框颜色 #00b700
版面标题表格颜色 #b0ffb0
版面内容表格颜色1 #e8ffe8
版面内容表格颜色2，颜色1和颜色2在bbs风格中互相穿插排列 #f7fff7
版面标题表格字体颜色 #006a00
版面内容表格字体颜色 #006a00
提醒语句颜色 #000000

配色方案十一（蓝紫色）：
版面表格边框颜色 #4040e3
版面标题表格颜色 #9b9bf0
版面内容表格颜色1 #dedefa
版面内容表格颜色2，颜色1和颜色2在bbs风格中互相穿插排列 #f5f5fe
版面标题表格字体颜色 #151595
版面内容表格字体颜色 #151595
提醒语句颜色 #000000

配色方案十二（淡蓝色）：
版面表格边框颜色 #0053ec
版面标题表格颜色 #a2c2ff
版面内容表格颜色1 #e8f0ff
版面内容表格颜色2，颜色1和颜色2在bbs风格中互相穿插排列 #f4f9ff
版面标题表格字体颜色 #6c0091
版面内容表格字体颜色 #6c0091
提醒语句颜色 #6c0091

配色方案十三（雪青色）：
版面表格边框颜色 #cd37ff
版面标题表格颜色 #ebacff
版面内容表格颜色1 #f9e6ff
版面内容表格颜色2，颜色1和颜色2在bbs风格中互相穿插排列 #Fdf4ff
版面标题表格字体颜色 #205838
版面内容表格字体颜色 #205838
提醒语句颜色 #287048

配色方案十四（青绿色：中等，缺色时再使用）：
版面表格边框颜色 #00935b
版面标题表格颜色 #00ce81
版面内容表格颜色1 #dffff3
版面内容表格颜色2，颜色1和颜色2在bbs风格中互相穿插排列 #F7FFFc
版面标题表格字体颜色 #005b39
版面内容表格字体颜色 #005b39
提醒语句颜色 #005b39

配色方案十五（酱红色）：
版面表格边框颜色 #db3700
版面标题表格颜色 #ff8c6a
版面内容表格颜色1 #ffd2c4
版面内容表格颜色2，颜色1和颜色2在bbs风格中互相穿插排列 #ffede8
版面标题表格字体颜色 #8a1f00
版面内容表格字体颜色 #8a1f00
提醒语句颜色 #8a1f00

关于配色的方案
我提供的是针对动网论坛的（包括相同配色方法的论坛）
如果你使用的不是动网
那配色后的颜色的位置就不清楚了
我把我配色的方法说一下
你可以自己去试试
一般来说
我都是用相同的色系来调整配色的
这样的颜色比较协调
选择自己喜欢的颜色作为主色调
选择颜色的时候使用Flash或者Fireworks这样的工具
在自定义颜色里选择
这样你可以看到所选择颜色的色调和饱和度
记录下来色调和饱和度的值
然后再确定
回到主窗体后
将鼠标移动到选择好的颜色上就会出来提示筐
告诉你颜色的编号
这样就可以选择到你要的颜色了
一般自己感觉最好的颜色放在标题表格（表头）
其他的颜色选择时
使用相同的色调和饱和度
这样就形成了同一个色系的颜色
其实真正合适的颜色不是很多
色调差距比较小的时候颜色不是很容易区别开
饱和度减小的时候实际对于一个色系而言
没有什么必要性
所以一般情况下就是在饱和度等于240的时候进行选择
边框的颜色稍微深一些
文字的颜色要重
而内容表格的颜色要淡（因为文字的内容更重要）
其实也没有什么很特殊的方面了
开始的时候可能感觉不到
自己调整一下
有一个朋友同时帮忙鉴定颜色的感觉
最好是找个挑剔一些的
不需要多少时间就可以找到自己喜欢的颜色了
所以对于动网的系列
上面提供的这些配色方案
对于喜欢同色系方式配色的朋友已经足够了
但是对于采用不同色系进行配色的方式
那对于颜色的合理搭配要求太高
我自己也没有尝试过
如果有这样的方案
还希望大家能够提供出来

Web网页配色方案

一、红色的色感温暖，性格刚烈而外向，是一种对人刺激性很强的色。红色容易引起人的注意，也容易使人兴奋、激动、紧张、冲动、还是一种容易造成人视觉疲劳的色。

1. 在红色中加入少量的黄，会使其热力强盛，趋于躁动、不安。

2. 在红色中加入少量的蓝，会使其热性减弱，趋于文雅、柔和。

3. 在红色中加入少量的黑，会使其性格变的沉稳，趋于厚重、朴实。

4. 在红中加入少量的白，会使其性格变的温柔，趋于含蓄、羞涩、娇嫩。

二、黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。黄色是各种色彩中，最为娇气的一种色。只要在纯黄色中混入少量的其它色，其色相感和色性格均会发生较大程度的变化。

1. 在黄色中加入少量的蓝，会使其转化为一种鲜嫩的绿色。其高傲的性格也随之消失，趋于一种平和、潮润的感觉。

2. 在黄色中加入少量的红，则具有明显的橙色感觉，其性格也会从冷漠、高傲转化为一种有分寸感的热情、温暖。

3. 在黄色中加入少量的黑，其色感和色性变化最大，成为一种具有明显橄榄绿的复色印象。其色性也变的成熟、随和。

4. 在黄色中加入少量的白，其色感变的柔和，其性格中的冷漠、高傲被淡化，趋于含蓄，易于接近。

三、蓝色的色感冷嘲热讽，性格朴实而内向，是一种有助于人头脑冷嘲热讽静的色。蓝色的朴实、内向性格，常为那些性格活跃、具有较强扩张力的色彩，提供一个深远、广埔、平静的空间，成为衬托活跃色彩的友善而谦虚的朋友。蓝色还是一种在淡化后仍然似能保持较强个性的色。如果在蓝色中分别加入少量的红、黄、黑、橙、白等色，均不会对蓝色的性格构成较明显的影响力。

1. 如果在蓝色中黄的成份较多，其性格趋于甜美、亮丽、芳香。

2. 在蓝色中混入小量的白，可使橙色的知觉趋于焦躁、无力。

四、绿色是具有黄色和蓝色两种成份的色。在绿色中，将黄色的扩张感和蓝色的收缩感相中和，将黄色的温暖感与蓝色的寒冷感相抵消。这样使得绿色的性格最为平和、安稳。是一种柔顺、恬静、潢足、优美的色。

1. 在绿色中黄的成份较多时，其性格就趋于活泼、友善，具有幼稚性。

2. 在绿色中加入少量的黑，其性格就趋于庄重、老练、成熟。

3. 在绿色中加入少量的白，其性格就趋于洁净、清爽、鲜嫩。

五、紫色的明度在有彩色的色料中是最低的。紫色的低明度给人一种沉闷、神秘的感觉。

1. 在紫色中红的成份较多时，其知觉具有压抑感、威胁感。

2. 在紫色中加入少量的黑，其感觉就趋于沉闷、伤感、恐怖。

3. 在紫色中加入白，可使紫色沉闷的性格消失，变得优雅、娇气，并充满女性的魅力。

六、白色的色感光明，性格朴实、纯洁、快乐。白色具有圣洁的不容侵犯性。如果在白色中加入其它任何色，都会影响其纯洁性，使其性格变的含蓄。

1. 在白色中混入少量的红，就成为淡淡的粉色，鲜嫩而充满诱惑。

2. 在白色中混入少量的黄，则成为一种乳黄色，给人一种香腻的印象。

3. 在白色中混入少量的蓝，给人感觉清冷、洁净。

4. 在白色中混入少量的橙，有一种干燥的气氛。

5. 在白色中混入少量的绿，给人一种稚嫩、柔和的感觉。

6. 在白色中混入少量的紫，可诱导人联想到淡淡的芳香。

明白了配色方案，在具体操作的时候少不了会用到：

安全色谱

Snow	255 250 250	#FFFAFA
GhostWhite	248 248 255	#F8F8FF
WhiteSmoke	245 245 245	#F5F5F5
Gainsboro	220 220 220	#DCDCDC
FloralWhite	255 250 240	#FFFAF0
OldLace	253 245 230	#FDF5E6
Linen	250 240 230	#FAF0E6
AntiqueWhite	250 235 215	#FAEBD7
PapayaWhip	255 239 213	#FFEFD5
BlanchedAlmond	255 235 205	#FFEBCD
Bisque	255 228 196	#FFE4C4
PeachPuff	255 218 185	#FFDAB9
NavajoWhite	255 222 173	#FFDEAD
Moccasin	255 228 181	#FFE4B5
Cornsilk	255 248 220	#FFF8DC
Ivory	255 255 240	#FFFFF0
LemonChiffon	255 250 205	#FFFACD
Seashell	255 245 238	#FFF5EE
Honeydew	240 255 240	#F0FFF0
MintCream	245 255 250	#F5FFFA
Azure	240 255 255	#F0FFFF
AliceBlue	240 248 255	#F0F8FF
lavender	230 230 250	#E6E6FA
LavenderBlush	255 240 245	#FFF0F5
MistyRose	255 228 225	#FFE4E1
White	255 255 255	#FFFFFF
Black	0 0 0	#000000
DarkSlateGray	47 79 79	#2F4F4F
DimGrey	105 105 105	#696969
SlateGrey	112 128 144	#708090
LightSlateGray	119 136 153	#778899
Grey	190 190 190	#BEBEBE
LightGray	211 211 211	#D3D3D3
MidnightBlue	25 25 112	#191970
NavyBlue	0 0 128	#000080
CornflowerBlue	100 149 237	#6495ED
DarkSlateBlue	72 61 139	#483D8B
SlateBlue	106 90 205	#6A5ACD
MediumSlateBlue	123 104 238	#7B68EE
LightSlateBlue	132 112 255	#8470FF
MediumBlue	0 0 205	#0000CD
RoyalBlue	65 105 225	#4169E1
Blue	0 0 255	#0000FF
DodgerBlue	30 144 255	#1E90FF
DeepSkyBlue	0 191 255	#00BFFF
SkyBlue	135 206 235	#87CEEB
LightSkyBlue	135 206 250	#87CEFA
SteelBlue	70 130 180	#4682B4
LightSteelBlue	176 196 222	#B0C4DE
LightBlue	173 216 230	#ADD8E6
PowderBlue	176 224 230	#B0E0E6
PaleTurquoise	175 238 238	#AFEEEE
DarkTurquoise	0 206 209	#00CED1
MediumTurquoise	72 209 204	#48D1CC
Turquoise	64 224 208	#40E0D0
Cyan

希望本文能使各位读者制作的网页更加多姿多彩。