複製鏈接
請複製以下鏈接發送給好友

web安全色

鎖定
不同的平台(Mac、PC等)有不同的調色板,不同的瀏覽器也有自己的調色板。這就意味着對於一幅圖,顯示在Mac上的Web瀏覽器中的圖像,與它在PC上相同瀏覽器中顯示的效果可能差別很大。為了解決Web調色板的問題,人們一致通過了一組在所有瀏覽器中都類似的Web安全顏色
中文名
Web 安全色
外文名
Web-safe colors
解    決
Web調色板的問題
原    因
不同的平台Mac、PC等

web安全色產生原因

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

web安全色產生

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

web安全色應用

對於我們來説,將某種顏色的10進制值轉化為16進制值不是一件容易的事情,儘管我們可以學會將RGB顏色轉化為16進制的數學原理。
但是我們使用大多數圖像編輯或者繪畫程序中提供的顏色轉化工具進行轉化更為容易。通過使用滴管工具,可以在任何所需的顏色上單擊,然後再顏色的拾取器中查看該顏色的RGB、HSB、CMYK、LAB和最終16進制數值。
HTML中,可以根據個人的意願,通過編輯編碼來修改文字和背景顏色,同時可以通過制定顏色的16進制數值來完成操作。在HTML文件中的<BODY>標籤之後添加<BGCOLOR="#CC3333">
(暗紅色代碼)代碼就得。

web安全色詳細列表

256色裏有40種顏色在Macintosh和Windows裏顯示的效果不一樣,所以能安全使用的只有216色。為了儘量讓用户看到色彩相同的網頁,請儘量使用下面的216色。
216RGB 216RGB
■#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