色彩是网页设计中重要的元素,色彩不仅可以表达网站的主题,还可以给访问者美的享受。
例如:IBM公司的网站采用的是蓝色为主调,蓝色给人的印象是冷静、稳定的印象。IBM作为一家计算机公司,需要就是给客户感受是冷静思考后制作出来的,我们的产品非常稳定。
在HTML里,颜色有两种表示方式。一种是用颜色名称表示,比如blue表示蓝色。另外一种是用16进制的数值表示RGB的颜色值。RGB是Red,Green,Blue意思,RGB每个原色的最小值是0,最大值是255,如果换算成16进制表示,就是(#00),(#FF)。比如白色的RGB(255,255,255),就用#FFFFFF表示;还有黑色的RGB(0,0,0),就用#000000表示。
注:在W3C制定的HTML 4 .0标准中,只有16种颜色可以用颜色名称表示(aqua, black, blue, fuchsia, gray, green, lime, maroon , navy, olive, purple, red, silver, teal, white, and yellow),其它的颜色都要用16进制RGB颜色值表示。
以下就是216种Web安全颜色:#这个符号。56种Web安全颜色呢?因为Microsoft和Mac操作系统有。
当然 ,现在的浏览器支持更多的颜色名称。不过为保险起见,建议你还是采用16进制RGB颜色值来表示颜色。并且在值前加上#这个符号。
为了方便大家找到合适的颜色 ,我们在这里列了一些颜色说明 ,以供大家参考 ,不妨作为一种速查工具 。
Web安全颜色
以前,很多计算机显示器最多支持256色,因此出现了216种Web安全颜色 ,以保证网页的颜色能够正确显示。
以下就是216种Web安全颜色:000000表示。以保证网页的颜色能够正确显示。
那为什么不是256种Web安全颜色呢?因为Microsoft和Mac操作系统有40种不同的系统保留颜色。
green, lime, maroon, navy, olive!
以下就是216种Web安全颜色 :
#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 |
微软支持的颜色名称
下面是微软IE4.0以上都支持的颜色名称:
aliceblue
(#f0f8ff) |
antiquewhite
(#faebd7) |
aqua
(#00ffff) |
aquamarine
(#7fffd4) |
azure
(#f0ffff) |
beige
(#f5f5dc) |
bisque
(#ffe4c4) |
black
(#000000) |
blanchedalmond
(#ffebcd) |
blue
(#0000ff) |
blueviolet
(#8a2be2) |
brown
(#a52a2a) |
burlywood
(#deb887) |
cadetblue
(#5f9ea0) |
chartreuse
(#7fff00) |
chocolate
(#d2691e) |
coral
(#ff7f50) |
cornflowerblue
(#6495ed) |
cornsilk
(#fff8dc ) |
crimson
(#dc143c) |
cyan
(#00ffff) |
darkblue
(#00008b) |
darkcyan
(#008b8b) |
darkgoldenrod
(#b8860b ) |
darkgray
(#a9a9a9) |
darkgreen
(#006400) |
darkkhaki
(#bdb76b) |
darkmagenta
(#8b008b) |
darkolivegreen
(#556b2f) |
darkorange
(#ff8c00) |
darkorchid
(#9932cc) |
darkred
(#8b0000) |
darksalmon
(#e9967a) |
darkseagreen
(#8fbc8b) |
darkslateblue
(#483d8b) |
darkslategray
(#2f4f4f ) |
darkturquoise
(#00ced1) |
darkviolet
(#9400d3) |
deeppink
(#ff1493) |
deepskyblue
(#00bfff) |
dimgray
(#696969) |
dodgerblue
(#1e90ff) |
firebrick
(#b22222 ) |
floralwhite
(#fffaf0) |
forestgreen
(#228b22) |
fuchsia
(#ff00ff) |
gainsboro
(#dcdcdc) |
ghostwhite
(#f8f8ff) |
gold
(#ffd700) |
goldenrod
(#daa520 ) |
gray
(#808080) |
green
(#008000) |
greenyellow
(#adff2f) |
honeydew
(#f0fff0) |
hotpink
(#ff69b4) |
indianred
(#cd5c5c) |
indigo
(#4b0082) |
ivory
(#fffff0 ) |
khaki
(#f0e68c) |
lavender
(#e6e6fa ) |
lavenderblush
(#fff0f5) |
lawngreen
(#7cfc00) |
lemonchiffon
(#fffacd ) |
lightblue
(#add8e6) |
lightcoral
(#f08080) |
lightcyan
(#e0ffff) |
lightgoldenrodyellow
(#fafad2) |
lightgreen
(#90ee90) |
lightgrey
(#d3d3d3) |
lightpink
(#ffb6c1) |
lightsalmon
(#ffa07a) |
lightseagreen
(#20b2aa) |
lightskyblue
(#87cefa) |
lightslategray
(#778899 ) |
lightsteelblue
(#b0c4de) |
lightyellow
(#ffffe0) |
lime
(#00ff00) |
limegreen
(#32cd32) |
linen
(#faf0e6) |
magenta
(#ff00ff) |
maroon
(#800000) |
mediumaquamarine
(#66cdaa) |
mediumblue
(#0000cd) |
mediumorchid
(#ba55d3) |
mediumpurple
(#9370db) |
mediumseagreen
(#3cb371) |
mediumslateblue
(#7b68ee) |
mediumspringgreen
(#00fa9a) |
mediumturquoise
(#48d1cc) |
mediumvioletred
(#c71585 ) |
midnightblue
(#191970) |
mintcream
(#f5fffa) |
mistyrose
(#ffe4e1) |
moccasin
(#ffe4b5) |
navajowhite
(#ffdead) |
navy
(#000080) |
oldlace
(#fdf5e6) |
olive
(#808000) |
olivedrab
(#6b8e23) |
orange
(#ffa500) |
orangered
(#ff4500) |
orchid
(#da70d6) |
palegoldenrod
(#eee8aa) |
palegreen
(#98fb98 ) |
paleturquoise
(#afeeee) |
palevioletred
(#db7093 ) |
papayawhip
(#ffefd5) |
peachpuff
(#ffdab9 ) |
peru
(#cd853f) |
pink
(#ffc0cb) |
plum
(#dda0dd) |
powderblue
(#b0e0e6) |
purple
(#800080) |
red
(#ff0000 ) |
rosybrown
(#bc8f8f) |
royalblue
(#4169e1) |
saddlebrown
(#8b4513) |
salmon
(#fa8072) |
sandybrown
(#f4a460) |
seagreen
(#2e8b57 ) |
seashell
(#fff5ee) |
sienna
(#a0522d) |
silver
(#c0c0c0) |
skyblue
(#87ceeb) |
slateblue
(#6a5acd) |
slategray
(#708090) |
snow
(#fffafa ) |
springgreen
(#00ff7f) |
steelblue
(#4682b4) |
tan
(#d2b48c ) |
teal
(#008080) |
thistle
(#d8bfd8) |
tomato
(#ff6347) |
turquoise
(#40e0d0) |
violet
(#ee82ee) |
wheat
(#f5deb3) |
white
(#ffffff) |
whitesmoke
(#f5f5f5) |
yellow
(#ffff00) |
yellowgreen
(#9acd32) |
在网页设计中使用安全色,可以保证网页在不同的系统和不同的设备上能最大限度的还原设计者的想法,而不会产生歧义。所以,建议大家在设计中尽量使用标准代码和安全色。
(责任编辑:熊猫蜀黍) |