很多站点都在使用蓝色与青绿色的搭配效果。最具代表性的蓝色物体莫过于海水和蓝天 ，而这两种物体都会让人有一种清凉的感觉。
- 高彩度的蓝色会营造出一种整洁轻快的印象。
- 低彩度的蓝色会给人一种都市化的现代派印象。
蓝色与绿色、白色的搭配在我们的现实生活中也使随处可见的，它的应用范围几乎覆盖了整个地球。
- 主颜色选择明亮的蓝色，配以白色的背景和灰亮的辅助色，可以使站点干净而整洁，给人庄重、充实的印象。
- 蓝色、青绿色、白色的搭配可以使页面看起来非常干净清澈。
Color Point:
蓝色会使人自然地联想起大海和天空，所以也会使人产生一种爽朗、开阔、清凉的感觉。作为冷色的代表颜色，蓝色会给人很强烈的安稳感，同时蓝色还能够表现出和平、淡雅、洁净、可靠等多种感觉。
低彩度的蓝色主要用于营造安稳、可靠的氛围，而高彩度的蓝色可以营造出高贵的严肃的氛围。
| |
|
|
| r 255 |
r 204 |
r 255 |
| g 255 |
g 255 |
g 204 |
| b 204 |
b 255 |
b 204 |
| #ffffcc |
#ccffff |
#ffcccc | |
| |
|
|
| r 153 |
r 255 |
r 51 |
| g 204 |
g 255 |
g 153 |
| b 204 |
b 255 |
b 204 |
| #99cccc |
#ffffff |
#3399cc | |
| |
|
|
| r 204 |
r 153 |
r 255 |
| g 255 |
g 204 |
g 255 |
| b 204 |
b 204 |
b 204 |
| #ccffcc |
#99cccc |
#ffffcc | |
| |
|
|
| r 204 |
r 255 |
r 153 |
| g 204 |
g 255 |
g 204 |
| b 255 |
b 255 |
b 255 |
| #ccccff |
#ffffff |
#99ccff | |
| |
|
|
| r 255 |
r 255 |
r 153 |
| g 204 |
g 255 |
g 204 |
| b 153 |
b 204 |
b 255 |
| #ffcc99 |
#ffffcc |
#99ccff | |
| |
|
|
| r 51 |
r 255 |
r 153 |
| g 102 |
g 255 |
g 204 |
| b 153 |
b 255 |
b 204 |
| #336699 |
#ffffff |
#99cccc | |
| |
|
|
| r 153 |
r 255 |
r 204 |
| g 204 |
g 255 |
g 255 |
| b 204 |
b 255 |
b 153 |
| #99cccc |
#ffffff |
#ccff99 | |
| |
|
|
| r 204 |
r 255 |
r 204 |
| g 204 |
g 255 |
g 255 |
| b 255 |
b 204 |
b 255 |
| #ccccff |
#ffffcc |
#ccffff | |
| |
|
|
| r 153 |
r 255 |
r 51 |
| g 204 |
g 255 |
g 102 |
| b 204 |
b 255 |
b 153 |
| #99cccc |
#ffffff |
#336699 | |
| |
|
|
| r 153 |
r 204 |
r 102 |
| g 204 |
g 255 |
g 153 |
| b 255 |
b 255 |
b 204 |
| #99ccff |
#ccffff |
#6699cc | |
| |
|
|
| r 153 |
r 255 |
r 51 |
| g 204 |
g 255 |
g 153 |
| b 51 |
b 255 |
b 204 |
| #99cc33 |
#ffffff |
#3399cc | |
| |
|
|
| r 0 |
r 255 |
r 102 |
| g 153 |
g 255 |
g 102 |
| b 204 |
b 204 |
b 153 |
| #0099cc |
#ffffcc |
#666699 | |
| |
|
|
| r 204 |
r 0 |
r 153 |
| g 204 |
g 51 |
g 204 |
| b 204 |
b 102 |
b 255 |
| #cccccc |
#003366 |
#99ccff | |
| |
|
|
| r 0 |
r 255 |
r 102 |
| g 153 |
g 255 |
g 102 |
| b 204 |
b 255 |
b 102 |
| #0099cc |
#ffffff |
#666666 | |
| |
|
|
| r 204 |
r 102 |
r 102 |
| g 204 |
g 153 |
g 102 |
| b 204 |
b 204 |
b 102 |
| #cccccc |
#6699cc |
#666666 | |
| |
|
|
| r 51 |
r 204 |
r 0 |
| g 102 |
g 204 |
g 51 |
| b 153 |
b 153 |
b 102 |
| #336699 |
#cccc99 |
#003366 | |
| |
|
|
| r 51 |
r 0 |
r 204 |
| g 153 |
g 51 |
g 204 |
| b 204 |
b 102 |
b 204 |
| #3399cc |
#003366 |
#cccccc | |
| |
|
|
| r 102 |
r 0 |
r 0 |
| g 153 |
g 102 |
g 0 |
| b 204 |
b 153 |
b 0 |
| #6699cc |
#006699 |
#000000 | |
| r 0 |
r 204 |
r 0 |
| g 51 |
g 204 |
g 102 |
| b 102 |
b 204 |
b 153 |
| #003366 |
#cccccc |
#006699 | |
|
| |
|
|
| r 153 |
r 51 |
r 51 |
| g 153 |
g 102 |
g 51 |
| b 51 |
b 153 |
b 51 |
| #999933 |
#336699 |
#333333 | |
设计师谈网页配色：按颜色分类(蓝紫色)
