在實用美術中,常有"遠看色彩近看花,先看顏色后看花,七分顏色三分花"的說法。
這也就說明,在任何設計中,色彩對視覺的刺激起到第一信息傳達的作用。因此,對色彩的基礎知識的良好掌控,在網頁設計中才能做到游刃有余。
為了使下面的網頁配色分析更易于理解,我們先來了解色彩的RGB模式和HSB模式。
■ RGB
RGB是表示紅色綠色藍色又稱為三原色光,英文為R(Red)、G(Green)、B(Blue),在電腦中,RGB的所謂"多少"就是指亮度,并使用整數來表示。
通常情況下,RGB各有256級亮度,用數字表示為從0、1、2至255。雖然數字最高是255,但0也是數值之一,因此共256級。按照計算,256級的RGB色彩總共能組合出約1678萬種色彩,即256×256×256=16777216。通常也被簡稱為1600萬色或千萬色。也稱為24位色(2的24次方)。
對于單獨的R或G或B而言,當數值為0時,代表這種顏色不發光;如果為255,則該顏色為最高亮度。因此當RGB三種色光都發到最強的亮度,純白的RGB值就為255,255,255。屏幕上黑的RGB值是0,0,0。R,意味著只有紅色存在,且亮度最強,G和B都不發光。因此最紅色的數值是255,0,0。同理,最綠色就是0,255,0;而最藍色就是0,0,255。黃色較特殊,是由紅色加綠色而得就是255,255,0。
RGB模式是顯示器的物理色彩模式。這就意味著無論在軟件中使用何種色彩模式,只要是在顯示器上顯示的,圖像最終就是以RGB方式出現。
■ HSB
是顏色分為色相、飽和度、明度三個因素。英文為H(Hue)、S(Saturation)B(Brightness)飽和度高色彩較艷麗。飽和度低色彩就接近灰色。亮度高色彩明亮,亮度低色彩暗淡,亮度最高得到純白,最低得到純黑。一般淺色的飽和度較低,亮度較高,而深色的飽和度高而亮度低。
這也就說明,在任何設計中,色彩對視覺的刺激起到第一信息傳達的作用。因此,對色彩的基礎知識的良好掌控,在網頁設計中才能做到游刃有余。
為了使下面的網頁配色分析更易于理解,我們先來了解色彩的RGB模式和HSB模式。
■ RGB
RGB是表示紅色綠色藍色又稱為三原色光,英文為R(Red)、G(Green)、B(Blue),在電腦中,RGB的所謂"多少"就是指亮度,并使用整數來表示。
通常情況下,RGB各有256級亮度,用數字表示為從0、1、2至255。雖然數字最高是255,但0也是數值之一,因此共256級。按照計算,256級的RGB色彩總共能組合出約1678萬種色彩,即256×256×256=16777216。通常也被簡稱為1600萬色或千萬色。也稱為24位色(2的24次方)。
對于單獨的R或G或B而言,當數值為0時,代表這種顏色不發光;如果為255,則該顏色為最高亮度。因此當RGB三種色光都發到最強的亮度,純白的RGB值就為255,255,255。屏幕上黑的RGB值是0,0,0。R,意味著只有紅色存在,且亮度最強,G和B都不發光。因此最紅色的數值是255,0,0。同理,最綠色就是0,255,0;而最藍色就是0,0,255。黃色較特殊,是由紅色加綠色而得就是255,255,0。
純白色數值為R255,G255,B255 | 純黑色數值為R0,G0,B0 |
紅色數值為R255,G0,B0 | 綠色數值為R0,G255,B0 |
藍色數值為R0,G0,B255 | 黃色數值為R255,G255,B0 |
RGB模式是顯示器的物理色彩模式。這就意味著無論在軟件中使用何種色彩模式,只要是在顯示器上顯示的,圖像最終就是以RGB方式出現。
■ HSB
是顏色分為色相、飽和度、明度三個因素。英文為H(Hue)、S(Saturation)B(Brightness)飽和度高色彩較艷麗。飽和度低色彩就接近灰色。亮度高色彩明亮,亮度低色彩暗淡,亮度最高得到純白,最低得到純黑。一般淺色的飽和度較低,亮度較高,而深色的飽和度高而亮度低。
标签:網頁設計配色
推薦設計
優秀海報設計精選集(8)海報設計2022-09-23
充滿自然光線!32平米精致裝修設計2022-08-14
親愛的圖書館 | VERSE雜誌版版式設計2022-07-11
生活,就該這麼愛!2022天海報設計2022-06-02
最新文章
互聯網的色彩心理學網頁配色2013-06-07
網頁設計中色彩的運用網頁配色2013-06-06
實用的網頁配色技巧網頁配色2013-05-23
淺析網頁色彩應用網頁配色2010-01-02