1 / 2  

  

216色

        在電腦上閱覽網頁你須要一個瀏覽器,在一個256色的系統上,你所能看到的網頁質素要視乎瀏覽器的好與壞。幸運的是,最常用的瀏覽器如Netscape、Mosaic、Internet Explorer,都由相同的調色版所管理。不同的運作系統有不同的調色版,因此,在Mac,Windows、或Win95的平台上看到的網頁會有不同的效果。雖然它們的調色版各有不同,但都是由最常用的216色組成的。這216色都是browser-safe色彩,在不同的平台上都是通用的。只要你製作網頁時,從這216色調色版上選取顏色,我可以保證你的網頁可在不同的瀏覽器、運作系統、電腦平台上都能原本的顯示在螢幕上。

        為何在製作網頁的時候,要限制所用的色彩在216色內,若能用上一千六百萬色,豈不是更好嗎?但一般家用電腦只可在640×480大小的電腦螢幕上閱覽256色的圖像。運用到該216色以外的顏色時,瀏覽亦會將這顏色作出調整,以最近似的216色代替,大大影響到你精心設計的彩色網頁。

        網頁的color schemes是由hexadecimal values所代表的。當你在16位元的電腦裡,選取了其中一種顏色作為網頁背景顏色時,在終端用者的256色電腦螢幕上,瀏覽器會將它轉為216色系中最接近的顏色。因此你所見的並不定出現在讀者的瀏覽器上。在htmL裡,hexadecimal code代替了RGB數值,以下是一個網頁的例子:<BODY BGCOLOR="#090301" TEXT="#436E58"
LINK="CF7B42" VLINK="#323172" ALINK="#ffffff"
你應該可以從以上看得出,該五種顏色都不是browser-safe color。Browser-safe color的hexadecimal code永遠都會有00、33、66、99、FF等不同的組合。

        當你利用216色以外的顏色製作圖案、卡通、圖像的時候,瀏覽器會自動將該216色以外的顏色轉為browser-safe colors,但並非用最近似的顏色去取代,電腦會用幾種顏色去調出不連續調混色,使你的圖像看來帶有一點點的斑紋。在16位元的顯示器上,可能不會看出這些難看的斑紋,但在8位元的螢幕上,這不連續調混色帶來的效果則很明顯,看看下圖:

        右邊的圖像是browser-safe的,左邊的則不是,因此出現一點點的斑紋。再看看放大圖,那些不連續調混色清晰可見,用browser-safe color製作的圖像則沒有這個情況出現,在不同位元的系統上所看到的都是相同的圖像,不會出現斑紋。

Browser-safe colors

        現在你對電腦螢幕的色彩系統,應該有更充分的認識。這些知識對於我們了解網頁的色彩系統,尤其是Browser-safe color,又稱web-safe color是很重要的。理論上,八位元的螢幕可顯示256色,但實際上,只有216色是瀏覽器或一般作業系統所常用的。若要顯示這216色調色版以外的顏色,瀏覽器會尋找調色版內最近似的顏色來代替,或混合幾種顏色去模仿該色彩。這個做法有可能令圖像的質素下降,圖像出現斑點。

        有幾個辦法可令你確保你用的是正確的色系。以下的建議可教你從調色表或演色表選取正確的色系。在你的圖像製作軟件裡打開一個web-safe演色表,在製作圖像時只從該處選取顏色。大部分最新版本的圖像製作軟件都有browser-safe調色版作為預設值。若你沒有該軟件的最新版本,你大可從軟件的網頁下載一個web-safe調色版。
其他程式可能沒有這個調色版,你可以先開一個GIF的檔案,在eye-dropper tool內的調色版選取顏色。在Lynda Weinman's的網頁或書內的CD,你可以在Coloring Web Graphics裡找到GIF檔案。

製作web-safe colors

        除了在現有的調色版內選取適合的web-safe colors外,一般圖像設計軟件亦可讓你自行製作web-safe colors,你只須輸入正確的數值便可。在使用圖像設計軟件時,選色器會自動讓你選擇背景或文字的顏色,你只須輸入色彩的數值便可。若你用的是Mac OS 8以上的系統,選色器會有一htmL的選項。你可以輸入RGB數值,或hexadecimal 數值,或移動滑鈕。

        Browser-safe (web-safe) color可以用RGB的數值、RGB百分比或hexadecimal code這三種系統來代表。所有的216色都是從下列六組編碼組成的。所以,單從編碼就可以看出該色系是否browser-safe.