按颜色分类:蓝色系(Blue)

很多站点都在使用蓝色与青绿色的搭配效果。最具代表性的蓝色物体莫过于海水和蓝天 ,而这两种物体都会让人有一种清凉的感觉。

  • 高彩度的蓝色会营造出一种整洁轻快的印象。
  • 低彩度的蓝色会给人一种都市化的现代派印象。

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

  • 主颜色选择明亮的蓝色,配以白色的背景和灰亮的辅助色,可以使站点干净而整洁,给人庄重、充实的印象。
  • 蓝色、青绿色、白色的搭配可以使页面看起来非常干净清澈。

> Color Point: > > 蓝色会使人自然地联想起大海和天空,所以也会使人产生一种爽朗、开阔、清凉的感觉。作为冷色的代表颜色,蓝色会给人很强烈的安稳感,同时蓝色还能够表现出和平、淡雅、洁净、可靠等多种感觉。 > > 低彩度的蓝色主要用于营造安稳、可靠的氛围,而高彩度的蓝色可以营造出高贵的严肃的氛围。

r 255r 204r 255
g 255g 255g 204
b 204b 255b 204
#ffffcc#ccffff#ffcccc

r 204r 153r 255
g 255g 204g 255
b 204b 204b 204
#ccffcc#99cccc#ffffcc

r 153 | r 255 | r 51
g 204 | g 255 | g 153
b 204 | b 255 | b 204
#99cccc | #ffffff | #3399cc

r 255r 255r 153
g 204g 255g 204
b 153b 204b 255
#ffcc99#ffffcc#99ccff

r 204 | r 255 | r 153
g 204 | g 255 | g 204
b 255 | b 255 | b 255
#ccccff | #ffffff | #99ccff

r 51 | r 255 | r 153
g 102 | g 255 | g 204
b 153 | b 255 | b 204
#336699 | #ffffff | #99cccc
| | |

r 204r 255r 204
g 204g 255g 255
b 255b 204b 255
#ccccff#ffffcc#ccffff

r 153 | r 255 | r 204
g 204 | g 255 | g 255
b 204 | b 255 | b 153
#99cccc | #ffffff | #ccff99

r 153r 204r 102
g 204g 255g 153
b 255b 255b 204
#99ccff#ccffff#6699cc

r 153 | r 255 | r 51
g 204 | g 255 | g 102
b 204 | b 255 | b 153
#99cccc | #ffffff | #336699

r 0r 255r 102
g 153g 255g 102
b 204b 204b 153
#0099cc#ffffcc#666699
---------
r 204r 0r 153
g 204g 51g 204
b 204b 102b 255
#cccccc#003366#99ccff

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 255 | b 102
#0099cc | #ffffff | #666666

r 204r 102r 102
g 204g 153g 102
b 204b 204b 102
#cccccc#6699cc#666666
---------
r 51r 204r 0
g 102g 204g 51
b 153b 153b 102
#336699#cccc99#003366
---------
r 51r 0r 204
g 153g 51g 204
b 204b 102b 204
#3399cc#003366#cccccc
---------
r 102r 0r 0
g 153g 102g 0
b 204b 153b 0
#6699cc#006699#000000
---------
r 0r 204r 0
---------
g 51g 204g 102
b 102b 204b 153
#003366#cccccc#006699
---------
r 153r 51r 51
g 153g 102g 51
b 51b 153b 51
#999933#336699#333333
Published At
Categories with 网页设计
comments powered by Disqus