网页配色.docx - 冰豆网

资源描述

网页配色.docx

《网页配色.docx》由会员分享，可在线阅读，更多相关《网页配色.docx（35页珍藏版）》请在冰豆网上搜索。

网页配色.docx

网页配色

网页配色-按颜色分类：

蓝色（Blue）

www.K　　　时间:

2006年4月30日　　　作者：

　　　来源：

【评论】【有错就点】【字体：

大?

中?

小】【打印】【关闭】

很多站点都在使用蓝色与青绿色的搭配效果。

最具代表性的蓝色物体莫过于海水和蓝天，而这两种物体都会让人有一种清凉的感觉。

∙高彩度的蓝色会营造出一种整洁轻快的印象。

∙低彩度的蓝色会给人一种都市化的现代派印象。

蓝色与绿色、白色的搭配在我们的现实生活中也使随处可见的，它的应用范围几乎覆盖了整个地球。

∙主颜色选择明亮的蓝色，配以白色的背景和灰亮的辅助色，可以使站点干净而整洁，给人庄重、充实的印象。

∙蓝色、青绿色、白色的搭配可以使页面看起来非常干净清澈。

ColorPoint:

蓝色会使人自然地联想起大海和天空，所以也会使人产生一种爽朗、开阔、清凉的感觉。

作为冷色的代表颜色，蓝色会给人很强烈的安稳感，同时蓝色还能够表现出和平、淡雅、洁净、可靠等多种感觉。

低彩度的蓝色主要用于营造安稳、可靠的氛围，而高彩度的蓝色可以营造出高贵的严肃的氛围。

r255

r204

r255

g255

g204

b204

b255

b204

#ffffcc

#ccffff

#ffcccc

r153

r255

r51

g204

g255

g153

b204

b255

b204

#99cccc

#ffffff

#3399cc

r204

r153

r255

g255

g204

g255

b204

#ccffcc

#99cccc

#ffffcc

r204

r255

r153

g204

g255

g204

b255

#ccccff

#ffffff

#99ccff

r255

r153

g204

g255

g204

b153

b204

b255

#ffcc99

#ffffcc

#99ccff

r51

r255

r153

g102

g255

g204

b153

b255

b204

#336699

#ffffff

#99cccc

r153

r255

r204

g204

g255

b204

b255

b153

#99cccc

#ffffff

#ccff99

r204

r255

r204

g204

g255

b255

b204

b255

#ccccff

#ffffcc

#ccffff

r153

r255

r51

g204

g255

g102

b204

b255

b153

#99cccc

#ffffff

#336699

r153

r204

r102

g204

g255

g153

b255

b204

#99ccff

#ccffff

#6699cc

r153

r255

r51

g204

g255

g153

b51

b255

b204

#99cc33

#ffffff

#3399cc

r255

r102

g153

g255

g102

b204

b153

#0099cc

#ffffcc

#666699

r204

r153

g204

g51

g204

b204

b102

b255

#cccccc

#003366

#99ccff

r255

r102

g153

g255

g102

b204

b255

b102

#0099cc

#ffffff

#666666

r204

r102

g204

g153

g102

b204

b102

#cccccc

#6699cc

#666666

r51

r204

g102

g204

g51

b153

b102

#336699

#cccc99

#003366

r51

r204

g153

g51

g204

b204

b102

b204

#3399cc

#003366

#cccccc

r102

g153

g102

b204

b153

#6699cc

#006699

#000000

r204

g51

g204

g102

b102

b204

b153

#003366

#cccccc

#006699

r153

r51

g153

g102

g51

b51

b153

b51

#999933

#336699

#333333

网页配色-按颜色分类：

蓝紫色（PurpleBlue）

www.K　　　时间:

2006年4月30日　　　作者：

　　　来源：

【评论】【有错就点】【字体：

大?

中?

小】【打印】【关闭】

蓝紫色在色相环中位于蓝色和紫色之间，所以它也蕴含着紫色的一些神秘感。

低亮度的蓝紫色显得很有分量，而高亮度的蓝紫色显得非常高雅。

在网页中，蓝紫色通常与蓝色一起搭配使用。

ColorPoint:

蓝紫色可以用来创造出都市化的成熟美，且蓝紫色可以使心情浮躁的人冷静下来。

明亮的色调直至灰亮的蓝紫色有一种与众不同的神秘美感。

r204

r255

r204

g255

g204

b255

#ccffff

#ffffff

#ccccff

r204

r255

r102

g204

g255

g102

b204

b255

b153

#cccccc

#ffffff

#666699

r153

r255

r51

g204

g255

g51

b255

b153

#99ccff

#ffffff

#333399

r102

r255

g102

g255

g153

b204

b255

b153

#6666cc

#ffffff

#ff9999

r153

r255

g153

g204

g255

b255

b51

b204

#9999ff

#ffcc33

#ffffcc

r255

r102

g153

g255

g102

b204

b153

#0099cc

#ffffcc

#666699

r102

r204

g153

g255

b255

#0000ff

#6699ff

#ccffff

r102

r204

g102

g204

g255

b255

b102

#6666ff

#66ccff

#ccff66

r102

r255

r102

g153

g255

g102

b153

b204

#669999

#ffffcc

#6666cc

r153

r255

r102

g153

g102

b204

b153

#9999cc

#ff9999

#666699

r255

r102

g51

g204

g153

b153

b204

#003399

#ffcccc

#6699cc

r204

r51

r204

g102

g51

g204

b102

b153

#cc6666

#333399

#cccc00

r102

r204

g102

g204

b102

b255

b204

#000066

#6666ff

#cccccc

r204

r51

g51

g255

g51

b153

b51

#003399

#ccff99

#333333

r51

r204

g51

g204

b102

b51

b204

#333366

#cc0033

#cccccc

r51

r204

r51

g102

g204

g51

b153

b102

#336699

#cccc66

#333300

r255

g51

g255

b153

#003399

#ffff99

#000000

r153

r204

g204

g51

b102

b51

b153

#990066

#cccc33

#003399

r204

g51

b51

b153

#cc3333

#000000

#003399

r51

r153

r51

g51

g153

g51

b102

b51

#333366

#999966

#333333

网页配色-按颜色分类：

紫色（Purple）

www.K　　　时间:

2006年4月30日　　　作者：

　　　来源：

【评论】【有错就点】【字体：

大?

中?

小】【打印】【关闭】

紫色通常用于以女性为对象或以艺术作品介绍为主的站点，但很多大公司的站点中也喜欢使用包含神秘色彩的紫色。

较暗色调的紫色可以表现出成熟的感觉，但女性站点中使用的通常都是清澈（Pale）的紫色。

∙不同色调的紫色可以营造非常浓郁的女性化气息，而且在白色的背景色和灰色的突出颜色的衬托下，紫色可以显示出更大的魅力。

ColorPoint:

在艺术家们的眼里，紫色通常都代表着神秘和尊贵高尚。

正因为紫色的这种特点，从古至今紫色在很多领域发挥着不可或缺的作用。

据说因为在古代提取紫色染料耗费的成本非常高，所以价格昂贵的紫色布料只有那些王公贵族们才享受得起。

r255

r204

g204

g255

g204

b204

b153

b255

#ffcccc

#ffff99

#ccccff

r153

r255

g153

g204

g255

b204

b153

b255

#9999cc

#99cc99

#ffffff

r255

r204

g204

b204

b255

b153

#ffcccc

#ccccff

#cccc99

r153

r255

g153

g255

g204

b204

#9999cc

#ffffcc

#ffcccc

r255

r204

g204

g153

g204

b204

b255

#ffcccc

#ff99cc

#ccccff

r102

r255

r102

g255

g51

b102

b255

b51

#660066

#ffffff

#663333

r204

r51

r153

g204

g51

g102

b153

b51

b204

#cccc99

#333333

#9966cc

r204

r255

r102

g204

g153

g51

b102

b153

#cccc00

#ff9966

#663399

r153

r255

r204

g102

g204

g153

b153

b204

#996699

#ffcccc

#cc99cc

r153

r204

r255

g102

g153

g204

b102

b204

#996666

#cc99cc

#ffcccc

r255

r102

g204

g153

g51

b153

b51

b102

#ffcc99

#ff9933

#663366

r51

r204

g51

g204

g153

b153

b255

b204

#333399

#ccccff

#cc99cc

r102

r204

g51

g204

g153

b102

b204

#663366

#cccccc

#cc99cc

r153

r204

g102

g153

g204

b153

b204

b255

#996699

#9999cc

#ccccff

r204

r153

r102

g153

g51

b102

b153

b102

#cc9966

#999999

#663366

r51

r102

g102

g153

b51

b102

b153

#330033

#666666

#669999

r204

r153

r102

g204

g153

g51

b204

b153

b102

#cccccc

#999999

#663366

r255

r204

r102

g51

g204

g51

b204

b153

b102

#ff33cc

#cccc99

#663366

r102

r153

r204

g51

g153

g204

b102

b153

b255

#663366

#999999

#ccccff

r153

r51

g153

g51

b102

b51

#999966

#993333

#330033

网页配色-按颜色分类：

紫红色（RedPurple）

www.K　　　时间:

2006年4月30日　　　作者：

　　　来源：

【评论】【有错就点】【字体：

大?

中?

小】【打印】【关闭】

清澈（Pale）色调的紫红色又称粉红色，粉红色主要用于包含少女在内的女性站点。

因为从明亮（Bright）到苍白（VeryPale）色调的粉红色能够表现出可爱、乖巧的感觉，所以有人也会用作背景色或在页面中大范围地使用该颜色。

紫红色并不能随意在所有的站点中使用，但使用恰当的紫红色会给人留下深刻的印象。

∙白色、粉红色、天蓝色的颜色搭配，是最受少女欢迎的配色方案。

∙高彩度的紫色和粉红色之间的搭配通常都能得到较好的效果。

ColorPoint:

紫红色市非常女性化的颜色，它给人的感觉通常都是浪漫、柔和、华丽、高贵优雅，特别是粉红色可以说是女性化的代表颜色。

高彩度的紫红色可以表现出超凡的华丽，而低彩度的粉红色可以表现出高雅的气质。

r255

r153

g204

g255

g204

b204

b255

#ffcccc

#ffffff

#99cc00

r255

r153

g153

g255

g51

b204

b255

b102

#ff99cc

#ffffff

#993366

r102

r255

r204

g204

g255

g102

b153

b255

b153

#66cc99

#ffffff

#cc6699

r204

r255

r204

g153

g204

g153

b153

b204

#cc9999

#ffcccc

#cc99cc

r255

r204

g204

g255

g204

b204

b153

b255

#ffcccc

#ffff99

#ccccff

r255

r153

r255

g255

g51

g153

b153

b204

#ffff99

#993399

#ff99cc

r102

r204

r255

g204

g255

g153

b204

b102

b204

#66cccc

#ccff66

#ff99cc

r255

r204

g153

g51

g204

b204

b153

#ff99cc

#003399

#cccc00

r255

r204

g204

g153

g204

b204

b255

#ffcccc

#ff99cc

#ccccff

r255

g153

g204

g153

b153

b204

#ff9999

#ffcccc

#ff99cc

r102

r204

r255

g153

g102

g204

b102

b153

b255

#669966

#cc6699

#ffccff

r204

g204

g153

g51

b204

b153

#cccccc

#cc99cc

#cc3399

r204

r255

g51

g204

g102

b153

b102

#cc3399

#ffcc99

#ff6666

展开阅读全文