screen.width-600)this.style.width=screen.width-600;"> |
很多站点都在使用蓝色与青绿色的搭配效果。最具代表性的蓝色物体莫过于海水和蓝天 ,而这两种物体都会让人有一种清凉的感觉。
高彩度的蓝色会营造出一种整洁轻快的印象。
低彩度的蓝色会给人一种都市化的现代派印象。
蓝色与绿色、白色的搭配在我们的现实生活中也使随处可见的,它的应用范围几乎覆盖了整个地球。
主颜色选择明亮的蓝色,配以白色的背景和灰亮的辅助色,可以使站点干净而整洁,给人庄重、充实的印象。
蓝色、青绿色、白色的搭配可以使页面看起来非常干净清澈。
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 |
|