web安全色

不同的平台(Mac、PC等)有不同的調色板,不同的瀏覽器也有自己的調色板。這就意味著對於一幅圖,顯示在Mac上的Web瀏覽器中的圖像,與它在PC上相同瀏覽器中顯示的效果可能差別很大。 選擇特定的顏色時,瀏覽器會儘量使用本身所用的調色板中最接近的顏色。如果瀏覽器中沒有所選的顏色,就會通過抖動或者混合自身的顏色來嘗試重新產生該顏色。

產生原因

不同的平台(Mac、PC等)有不同的調色板,不同的瀏覽器也有自己的調色板。這就意味著對於一幅圖,顯示在Mac上的Web瀏覽器中的圖像,與它在PC上相同瀏覽器中顯示的效果可能差別很大。

選擇特定的顏色時,瀏覽器會儘量使用本身所用的調色板中最接近的顏色。如果瀏覽器中沒有所選的顏色,就會通過抖動或者混合自身的顏色來嘗試重新產生該顏色。

產生

為了解決Web調色板的問題,人們一致通過了一組在所有瀏覽器中都類似的Web安全顏色。

這些顏色使用了一種顏色模型,在該模型中,可以用相應的16制進制值00、33、66、99、CC和FF來表達三原色(RGB)中的每一種。這種基本的Web調色板將作為所有的Web瀏覽器和平台的標準,它包括了這些16進制值的組合結果。這就意味著,我們潛在的輸出結果包括6種紅色調、6種綠色調、6種藍色調。6*6*6的結果就給出了216種特定的顏色,這些顏色就可以安全的套用於所有的Web中,而不需要擔心顏色在不同應用程式之間的變化。

套用

對於我們來說,將某種顏色的10進制值轉化為16進制值不是一件容易的事情,儘管我們可以學會將RGB顏色轉化為16進制的數學原理。

但是我們使用大多數圖像編輯或者繪畫程式中提供的顏色轉化工具進行轉化更為容易。通過使用滴管工具,可以在任何所需的顏色上單擊,然後再顏色的拾取器中查看該顏色的RGB、HSB、CMYK、LAB和最終16進制數值。

在HTML中,可以根據個人的意願,通過編輯編碼來修改文字和背景顏色,同時可以通過制定顏色的16進制數值來完成操作。代碼相當簡單---在HTML檔案中的<BODY>標籤之後添加--<BGCOLOR="#CC3333">(暗紅色代碼)代碼就得。

詳細列表

256色里有40種顏色在Macintosh和Windows里顯示的效果不一樣,所以能安全使用的只有216色。為了儘量讓用戶看到色彩相同的網頁,請儘量使用下面的216色。

■#000000 ■#000033 ■#000066 ■#000099 ■#0000CC ■#0000FF ■#003300 ■#003333 ■#003366 ■#003399 ■#0033CC ■#0033FF ■#006600 ■#006633 ■#006666 ■#006699 ■#0066CC ■#0066FF ■#009900 ■#009933 ■#009966 ■#009999 ■#0099CC ■#0099FF ■#00CC00 ■#00CC33 ■#00CC66 ■#00CC99 ■#00CCCC ■#00CCFF ■#00FF00 ■#00FF33 ■#00FF66 ■#00FF99 ■#00FFCC ■#00FFFF
■#330000 ■#330033 ■#330066 ■#330099 ■#3300CC ■#3300FF ■#333300 ■#333333 ■#333366 ■#333399 ■#3333CC ■#3333FF ■#336600 ■#336633 ■#336666 ■#336699 ■#3366CC ■#3366FF ■#339900 ■#339933 ■#339966 ■#339999 ■#3399CC ■#3399FF ■#33CC00 ■#33CC33 ■#33CC66 ■#33CC99 ■#33CCCC ■#33CCFF ■#33FF00 ■#33FF33 ■#33FF66 ■#33FF99 ■#33FFCC ■#33FFFF
■#660000 ■#660033 ■#660066 ■#660099 ■#6600CC ■#6600FF ■#663300 ■#663333 ■#663366 ■#663399 ■#6633CC ■#6633FF ■#666600 ■#666633 ■#666666 ■#666699 ■#6666CC ■#6666FF ■#669900 ■#669933 ■#669966 ■#669999 ■#6699CC ■#6699FF ■#66CC00 ■#66CC33 ■#66CC66 ■#66CC99 ■#66CCCC ■#66CCFF ■#66FF00 ■#66FF33 ■#66FF66 ■#66FF99 ■#66FFCC ■#66FFFF
■#990000 ■#990033 ■#990066 ■#990099 ■#9900CC ■#9900FF ■#993300 ■#993333 ■#993366 ■#993399 ■#9933CC ■#9933FF ■#996600 ■#996633 ■#996666 ■#996699 ■#9966CC ■#9966FF ■#999900 ■#999933 ■#999966 ■#999999 ■#9999CC ■#9999FF ■#99CC00 ■#99CC33 ■#99CC66 ■#99CC99 ■#99CCCC ■#99CCFF ■#99FF00 ■#99FF33 ■#99FF66 ■#99FF99 ■#99FFCC ■#99FFFF
■#CC0000 ■#CC0033 ■#CC0066 ■#CC0099 ■#CC00CC ■#CC00FF ■#CC3300 ■#CC3333 ■#CC3366 ■#CC3399 ■#CC33CC ■#CC33FF ■#CC6600 ■#CC6633 ■#CC6666 ■#CC6699 ■#CC66CC ■#CC66FF ■#CC9900 ■#CC9933 ■#CC9966 ■#CC9999 ■#CC99CC ■#CC99FF ■#CCCC00 ■#CCCC33 ■#CCCC66 ■#CCCC99 ■#CCCCCC ■#CCCCFF ■#CCFF00 ■#CCFF33 ■#CCFF66 ■#CCFF99 ■#CCFFCC ■#CCFFFF
■#FF0000 ■#FF0033 ■#FF0066 ■#FF0099 ■#FF00CC ■#FF00FF ■#FF3300 ■#FF3333 ■#FF3366 ■#FF3399 ■#FF33CC ■#FF33FF ■#FF6600 ■#FF6633 ■#FF6666 ■#FF6699 ■#FF66CC ■#FF66FF ■#FF9900 ■#FF9933 ■#FF9966 ■#FF9999 ■#FF99CC ■#FF99FF ■#FFCC00 ■#FFCC33 ■#FFCC66 ■#FFCC99 ■#FFCCCC ■#FFCCFF ■#FFFF00 ■#FFFF33 ■#FFFF66 ■#FFFF99 ■#FFFFCC ■#FFFFFF

對照表

216RGB 216RGB

相關詞條

相關搜尋

熱門詞條

聯絡我們