HTML颜色参考
2012-04-20 15:52
417 查看
在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, andyellow)，其它的颜色都要用16进制RGB颜色值表示。
当然，现在的浏览器支持更多的颜色名称。不过为保险起见，建议你还是采用16进制RGB颜色值来表示颜色。并且在值前加上#这个符号。
为了方便大家找到合适的颜色，我们在这里列了一些颜色说明，以供大家参考，不妨作为一种速查工具。
Web安全颜色
以前，很多电脑显示器最多支持256色，因此出现了216种Web安全颜色，以保证网页的颜色能够正确显示。
那为什么不是256种Web安全颜色呢？因为Microsoft和Mac操作系统有40种不同的系统保留颜色。
以下就是216种Web安全颜色：
微软支持的颜色名称
下面是微软IE4.0以上都支持的颜色名称：
注：在W3C制定的HTML
4.0标准中，只有16种颜色可以用颜色名称表示(aqua,
black, blue, fuchsia,gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white, andyellow)，其它的颜色都要用16进制RGB颜色值表示。
当然，现在的浏览器支持更多的颜色名称。不过为保险起见，建议你还是采用16进制RGB颜色值来表示颜色。并且在值前加上#这个符号。
为了方便大家找到合适的颜色，我们在这里列了一些颜色说明，以供大家参考，不妨作为一种速查工具。
Web安全颜色
以前，很多电脑显示器最多支持256色，因此出现了216种Web安全颜色，以保证网页的颜色能够正确显示。
那为什么不是256种Web安全颜色呢？因为Microsoft和Mac操作系统有40种不同的系统保留颜色。
以下就是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) |
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 