網(wǎng)頁設(shè)計者必須了解的：顏色、網(wǎng)頁顏色與網(wǎng)頁安全色

Color Cop顏色采取器V5.4.5綠色特別版

• 類型：圖像處理大�。�35KB語言：中文 評分：6.6
• 標簽：

立即下載

什么叫網(wǎng)頁安全色？

答案就是——216網(wǎng)頁安全色。

216網(wǎng)頁安全色是指在不同硬件環(huán)境、不同操作系統(tǒng)、不同瀏覽器中都能夠正常顯示的顏色集合（調(diào)色板），也就是說這些顏色在任何終端瀏覽用戶顯示設(shè)備上的現(xiàn)實效果都是相同的。所以使用216網(wǎng)頁安全色進行網(wǎng)頁配色可以避免原有的顏色失真問題。

不同機器都可以展示想通視覺效果的顏色。 網(wǎng)絡(luò)安全色是當紅色（Red）、綠色（Green）、藍色（Blue）顏色數(shù)字信號值（DAC Count）為0、51、102、153、204、255時構(gòu)成的顏色組合，它一共有 6 * 6 * 6 = 216 種顏色（其中彩色為210種，非彩色為6種）。

一、關(guān)于顏色

我們所看到的屏幕上所有的顏色都是由紅、綠、藍這三種基色調(diào)混合而成的。（在印刷上，顏色是四種顏色合成的，這個是表示方式上的不同。）每一種顏色的飽和度和透明度都是可以變化的，用0～255的數(shù)值來表示。如純紅色表示為（255，0，0），十六進制表示為#FF0000。按這種表達方式，理論上我們可以得到256*256*256=16777216種顏色。

網(wǎng)頁中顏色的表示方式。

網(wǎng)頁設(shè)計中，利用CSS指定顏色有四種表達方式：

1、使用十六進制方式，取值范圍 #000000 ~ #FFFFFF （黑色到白色）。當顏色值為 #cc3300 時，也可以使用 #c30 這種簡化的方式來表示。

2、RGB顏色表示法：RGB（x,y,z）。x、y、z是0 ～ 255之間的整數(shù)。

3、RB百分比顏色表示法：RGB（x,y,z）。x、y、z是 0% ~ 100% 之間的數(shù)值。

4、使用Windows關(guān)鍵字，共有十六種...

二、什么是網(wǎng)頁安全色？

在1995年到1996年間，很多電腦的顯示器僅支持8位共256種顏色（受限于Video RAM等硬件）。為了顯示更多的顏色，采用了顏色抖動（Dithering）這樣一個過程來表示更多的顏色。

顏色抖動

為此，軟件專家 xxx 設(shè)計了一種216個顏色的調(diào)色板，稱為安全顏色。這些安全色能夠在任何顯示器上顯示一樣的顏色，不會有任何抖動現(xiàn)象發(fā)生。為何不是256種安全色呢？這個是因為當時無法再找到40種更多的符合穩(wěn)定（Solid）標準的顏色。

網(wǎng)頁安全顏色（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的安全色表從白色開始，以黑色結(jié)束。

微軟的色表與Netscape不同，其從黑色開始，以白色結(jié)束。每個分組的藍色逐漸遞增（0 ～ 255），單個分組中，從左到右紅色逐漸遞增，從上到下綠色逐漸遞增。

隨著顯示技術(shù)的進步，顯示器支持的顏色范圍，已經(jīng)大大超出了完全顏色的范圍。

三、在現(xiàn)代的顯示器和瀏覽器上還存在網(wǎng)頁安全色問題嗎？

現(xiàn)代的網(wǎng)頁設(shè)計師在網(wǎng)頁設(shè)計中已經(jīng)不需要顧慮網(wǎng)頁安全色的問題了。不過由于不同的顯示器在顏色的顯示上還存在偏差，也可能是不同的顯示器的顏色校準沒有做好，也可能收觀看角度、光環(huán)境的影響等等，人們對于同樣的顏色在不同瀏覽、不同顯示器上顯示效果的感覺可能未必一致，這就需要設(shè)計師們發(fā)揮自己的聰明才智了。

四、網(wǎng)頁種不同格式圖片支持的顏色

4.1 Gif格式

支持256種顏色。

支持交錯下載，節(jié)省等待時間。

可制作GIF動畫。

多于256色時，不能準確完成平滑的顏色過渡。

在處理透明背景色的圖片時，網(wǎng)頁安全色特別重要！

4.2 PNG格式

只有支持PNG格式的瀏覽器中才能使用。

4.3 JPEG格式

支持16.8M種顏色。

支持無損壓縮和有損壓縮。

支持很高的壓縮率，下載速度非�？�。

有損壓縮不能顯示高清晰度的圖像。

總結(jié)：

對于目前大部分的顯示器來說，都可以支持數(shù)以百萬計的顏色。所以在一般的網(wǎng)頁設(shè)計和制作中，可以不必局限在網(wǎng)頁安全色的范圍內(nèi)。但是，對于頁面中的主要文字區(qū)域或者背景的顏色，我們最好要選用網(wǎng)頁安全色，避免發(fā)生悲劇。