顏色、網頁顏色與網頁安全色


一、關於顏色
 
我們所看到的屏幕上所有的顏色都是由紅、綠、藍這三種基色調混合而成的。(在印刷上,顏色是四種顏色合成的,這個是表示方式上的不同。)每一種顏色的飽和度和透明度都是可以變化的,用0~255的數值來表示。如純紅色表示為(255,0,0),十六進制表示為#FF0000。按這種表達方式,理論上我們可以得到256*256*256=16777216種顏色。
 
網頁中顏色的表示方式。
 
網頁設計中,利用CSS指定顏色有四種表達方式:
1、使用十六進制方式,取值范圍 #000000 ~ #FFFFFF (黑色到白色)。當顏色值為 #cc3300 時,也可以使用 #c30 這種簡化的方式來表示。
2、RGB顏色表示法:RGB(x,y,z)。x、y、z是0 ~ 255之間的整數。
3、RB百分比顏色表示法:RGB(x,y,z)。x、y、z是 0% ~ 100% 之間的數值。
4、使用Windows關鍵字,共有十六種...
 
二、什么是網頁安全色?
 
在1995年到1996年間,很多電腦的顯示器僅支持8位共256種顏色(受限於Video RAM等硬件)。為了顯示更多的顏色,采用了顏色抖動(Dithering)這樣一個過程來表示更多的顏色。
111
顏色抖動
 
為此,軟件專家 xxx 設計了一種216個顏色的調色板,稱為安全顏色。這些安全色能夠在任何顯示器上顯示一樣的顏色,不會有任何抖動現象發生。為何不是256種安全色呢?這個是因為當時無法再找到40種更多的符合穩定(Solid)標准的顏色。
 
網頁安全顏色(Web Safe Color)使用RGB表示法包括0,51,102,1153,204和255六種顏色,十六進制表示法為:00,33,66,99,cc,ff。這種分法即將 0 ~ 255 的顏色范圍分成了五等份(255*1/5 = 51)。
 
微軟和Netscape最早開始在瀏覽器中指定安全色表(Safe Color Palettes)。下圖是Netscape的安全色表,分為六組,每組36個顏色。從左上角開始,包含的紅色從255逐漸將至0。同時在每個小組中,從左到右藍色逐漸降低(255 ~ 0),從上到下綠色逐漸降低(255 ~ 0)。Netscape的安全色表從白色開始,以黑色結束。
222
 
微軟的色表與Netscape不同,其從黑色開始,以白色結束。每個分組的藍色逐漸遞增(0 ~ 255),單個分組中,從左到右紅色逐漸遞增,從上到下綠色逐漸遞增。
333
 
444
 
隨着顯示技術的進步,顯示器支持的顏色范圍,已經大大超出了完全顏色的范圍。
 
三、在現代的顯示器和瀏覽器上還存在網頁安全色問題嗎?
 
現代的網頁設計師在網頁設計中已經不需要顧慮網頁安全色的問題了。不過由於不同的顯示器在顏色的顯示上還存在偏差,也可能是不同的顯示器的顏色校准沒有做好,也可能收觀看角度、光環境的影響等等,人們對於同樣的顏色在不同瀏覽、不同顯示器上顯示效果的感覺可能未必一致,這就需要設計師們發揮自己的聰明才智了。
 
四、網頁種不同格式圖片支持的顏色
 
4.1 Gif格式
 
支持256種顏色。
支持交錯下載,節省等待時間。
可制作GIF動畫。
多於256色時,不能准確完成平滑的顏色過渡
在處理透明背景色的圖片時,網頁安全色特別重要!
 
4.2 PNG格式
 
只有支持PNG格式的瀏覽器中才能使用。
 
4.3 JPEG格式
 
支持16.8M種顏色。
支持無損壓縮和有損壓縮。
支持很高的壓縮率,下載速度非常快。
有損壓縮不能顯示高清晰度的圖像。
 
總結:
 
對於目前大部分的顯示器來說,都可以支持數以百萬計的顏色。所以在一般的網頁設計和制作中,可以不必局限在網頁安全色的范圍內。但是,對於頁面中的主要文字區域或者背景的顏色,我們最好要選用網頁安全色,避免發生悲劇。
 
參考資料:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM