1. 程式人生 > >按顏色分類:藍色系(Blue)

按顏色分類:藍色系(Blue)

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