网页配色方案

http://www.pkvs.com/peise/pkvs01.htm(网客帝国) 
black
#000000
aliceblue
#f0f8ff
cadetblue
#5f9ea0
lightyellow
#ffffe0
coral
#ff7f50
dimgray
#696969
lavender
#e6e6fa
darkcyan
#008b8b
lightgoldenrodyellow
#fafad2
tomato
#ff6347
gray
#808080
lightslategray
#778899
teal
#008080
lemonchiffon
#fffacd
orangered
#ff4500
darkgray
#a9a9a9
slategray
#708090
seagreen
#2e8b57
wheat
#f5deb3
red
#ff0000
silver
#c0c0c0
darkslategray
#2f4f4f
darkolivegreen
#556b2f
burlywood
#deb887
crimson
#dc143c
lightgrey
#d3d3d3
lightsteelblue
#b0c4de
darkgreen
#006400
tan
#d2b48c
mediumvioletred
#c71585
gainsboro
#dcdcdc
steelblue
#4682b4
green
#008000
khaki
#f0e68c
deeppink
#ff1493
white
#ffffff
royalblue
#4169e1
forestgreen
#228b22
yellow
#ffff00
hotpink
#ff69b4
snow
#fffafa
midnightblue
#191970
mediumseagreen
#3cb371
gold
#ffd700
palevioletred
#db7093
ghostwhite
#f8f8ff
navy
#000080
darkseagreen
#8fbc8f
orange
#ffa500
pink
#ffc0cb
whitesmoke
#f5f5f5
darkblue
#00008b
mediumaquamarine
#66cdaa
sandybrown
#f4a460
lightpink
#ffb6c1
floralwhite
#fffaf0
mediumblue
#0000cd
aquamarine
#7fffd4
darkorange
#ff8c00
thistle
#d8bfd8
linen
#faf0e6
blue
#0000ff
palegreen
#98fb98
goldenrod
#daa520
magenta
#ff00ff
antiquewhite
#faebd7
dodgerblue
#1e90ff
lightgreen
#90ee90
peru
#cd853f
fuchsia
#ff00ff
papayawhip
#ffefd5
cornflowerblue
#6495ed
springgreen
#00ff7f
darkgoldenrod
#b8860b
violet
#ee82ee
blanchedalmond
#ffebcd
deepskyblue
#00bfff
mediumspringgreen
#00fa9a
chocolate
#d2691e
plum
#dda0dd
bisque
#ffe4c4
lightskyblue
#87cefa
lawngreen
#7cfc00
sienna
#a0522d
orchid
#da70d6
moccasin
#ffe4b5
skyblue
#87ceeb
chartreuse
#7fff00
saddlebrown
#8b4513
mediumorchid
#ba55d3
navajowhite
#ffdead
lightblue
#add8e6
greenyellow
#adff2f
maroon
#800000
darkorchid
#9932cc
peachpuff
#ffdab9
powderblue
#b0e0e6
lime
#00ff00
darkred
#8b0000
darkviolet
#9400d3
mistyrose
#ffe4e1
paleturquoise
#afeeee
limegreen
#32cd32
brown
#a52a2a
darkmagenta
#8b008b
lavenderblush
#fff0f5
lightcyan
#e0ffff
yellowgreen
#9acd32
firebrick
#b22222
purple
#800080
seashell
#fff5ee
cyan
#00ffff
olivedrab
#6b8e23
indianred
#cd5c5c
indigo
#4b0082
oldlace
#fdf5e6
aqua
#00ffff
olive
#808000
rosybrown
#bc8f8f
darkslateblue
#483d8b
ivory
#fffff0
turquoise
#40e0d0
darkkhaki
#bdb76b
darksalmon
#e9967a
blueviolet
#8a2be2
honeydew
#f0fff0
mediumturquoise
#48d1cc
palegoldenrod
#eee8aa
lightcoral
#f08080
mediumpurple
#9370db
mintcream
#f5fffa
darkturquoise
#00ced1
cornsilk
#fff8dc
salmon
#fa8072
slateblue
#6a5acd
azure
#f0ffff
lightseagreen
#20b2aa
beige
#f5f5dc
lightsalmon
#ffa07a
mediumslateblue



网页配色方案
配色方案一(紫色):
版面表格边框颜色 #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的时候进行选择
边框的颜色稍微深一些
文字的颜色要重
而内容表格的颜色要淡(因为文字的内容更重要)
其实也没有什么很特殊的方面了
开始的时候可能感觉不到
自己调整一下
有一个朋友同时帮忙鉴定颜色的感觉
最好是找个挑剔一些的
不需要多少时间就可以找到自己喜欢的颜色了
所以对于 动网的系列
上面提供的这些配色方案
对于喜欢同色系方式配色的朋友已经足够了
但是对于采用不同色系进行配色的方式
那对于颜色的合理搭配要求太高
我自己也没有尝试过
如果有这样的方案
还希望大家能够提供出来 网页配色方案

你可能感兴趣的:(网页配色方案)