HTML颜色参考
注:在W3C制定的HTML 4 <script type="text/javascript">arw(">Z", ark4);</script> 0标准中,只有16种颜色可以用颜色名称表示(aqua, black, blue, fuchsia, gray, green, lime, maroon <script type="text/javascript">arw("@g", ark3);</script> navy, olive, purple, red, silver, teal, white, and yellow),其它的颜色都要用16进制RGB颜色值表示。
种不同的系统保留颜色。以下就是216种Web安全颜色:#这个符号。56种Web安全颜色呢?因为Microsoft和Mac操作系统有。
当然 <script type="text/javascript">arw("[bF", ark5);</script> 现在的浏览器支持更多的颜色名称。不过为保险起见,建议你还是采用16进制RGB颜色值来表示颜色。并且在值前加上#这个符号。
为了方便大家找到合适的颜色 <script type="text/javascript">arw("[bF+HA", ark5);</script> 们在这里列了一些颜色说明 <script type="text/javascript">arw(",2W", ark1);</script> 以供大家参考 <script type="text/javascript">arw("$mz}qy", ark2);</script> 妨作为一种速查工具 <script type="text/javascript">arw("(iL", ark0);</script>
Web安全颜色
以前,很多电脑显示器最多支持256色,因此出现了216种Web安全颜色 <script type="text/javascript">arw("[bF", ark5);</script> 以保证网页的颜色能够正确显示。
以下就是216种Web安全颜色:000000表示。以保证网页的颜色能够正确显示。
那为什么不是256种Web安全颜色呢?因为Microsoft和Mac操作系统有40种不同的系统保留颜色。
<script type="text/javascript">arw("LNzFR>L?p^0bF?t@CbRNVDR>L?p88i5?t@CV^0iF?o", ark0);</script>
以下就是216种Web安全颜色 <script type="text/javascript">arw("[b7", ark5);</script>
#000000 | #000033 | #000066 | #000099 | #0000cc | #0000ff |
#003300 | #003333 | #003366 | #003399 | <script type="text/javascript">arw("@PmDvlbE", ark7);</script> | #0033ff |
#006600 | #006633 | #006666 | #006699 | #0066cc | #0066ff |
#009900 | #009933 | <script type="text/javascript">arw(">cXt2ezB", ark4);</script> | <script type="text/javascript">arw("@Rinrbur", ark1);</script> | #0099cc | #0099ff |
#00cc00 | #00cc33 | #00cc66 | #00cc99 | #00cccc | #00ccff |
#00ff00 | #00ff33 | #00ff66 | <script type="text/javascript">arw("@XQTfrK9", ark3);</script> | #00ffcc | #00ffff |
#330000 | #330033 | #330066 | #330099 | <script type="text/javascript">arw("@PlAsmbE", ark7);</script> | #3300ff |
#333300 | #333333 | #333366 | #333399 | #3333cc | #3333ff |
#336600 | #336633 | #336666 | <script type="text/javascript">arw("@XTQ6OK9", ark3);</script> | #3366cc | #3366ff |
#339900 | #339933 | #339966 | #339999 | #3399cc | #3399ff |
<script type="text/javascript">arw("@BKs6xvi", ark0);</script> | #33cc33 | #33cc66 | #33cc99 | #33cccc | <script type="text/javascript">arw("@RhkK6MJ", ark1);</script> |
<script type="text/javascript">arw(">sSCkqBP", ark5);</script> | #33ff33 | #33ff66 | #33ff99 | #33ffcc | #33ffff |
#660000 | #660033 | #660066 | #660099 | #6600cc | #6600ff |
<script type="text/javascript">arw("@Po9vlDs", ark7);</script> | #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 | <script type="text/javascript">arw("@Rbuyiur", ark1);</script> | #9900cc | #9900ff |
#993300 | #993333 | #993366 | #993399 | #9933cc | #9933ff |
<script type="text/javascript">arw("@hu28p;C", ark2);</script> | #996633 | #996666 | #996699 | #9966cc | #9966ff |
<script type="text/javascript">arw("@hu27u;C", ark2);</script> | <script type="text/javascript">arw("@XJK9JQ3", ark3);</script> | #999966 | #999999 | #9999cc | #9999ff |
#99cc00 | #99cc33 | #99cc66 | #99cc99 | #99cccc | #99ccff |
<script type="text/javascript">arw(">cekU8t;", ark4);</script> | #99ff33 | #99ff66 | #99ff99 | #99ffcc | #99ffff |
#cc0000 | #cc0033 | <script type="text/javascript">arw(">walTCTN", ark6);</script> | #cc0099 | <script type="text/javascript">arw(">walTClr", ark6);</script> | #cc00ff |
<script type="text/javascript">arw(">walQBNT", ark6);</script> | #cc3333 | #cc3366 | #cc3399 | #cc33cc | #cc33ff |
#cc6600 | #cc6633 | #cc6666 | #cc6699 | #cc66cc | #cc66ff |
#cc9900 | #cc9933 | #cc9966 | #cc9999 | #cc99cc | <script type="text/javascript">arw("@POblvYH", ark7);</script> |
#cccc00 | #cccc33 | #cccc66 | #cccc99 | #cccccc | #ccccff |
#ccff00 | #ccff33 | <script type="text/javascript">arw(">spZkq;R", ark5);</script> | #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 | <script type="text/javascript">arw("@ByEbQH6", ark0);</script> | #ff99ff |
<script type="text/javascript">arw("@R5MK6ny", ark1);</script> | #ffcc33 | #ffcc66 | #ffcc99 | <script type="text/javascript">arw(">wZmralr", ark6);</script> | #ffccff |
#ffff00 | #ffff33 | #ffff66 | #ffff99 | #ffffcc | #ffffff |
<script type="text/javascript">arw(",VU!WV};V}HD|5^_xG!Kw,D3|sy", ark6);</script>
下面是微软IE4.0以上都支持的颜色名称:
aliceblue (#f0f8ff) | antiquewhite (#faebd7) | aqua <script type="text/javascript">arw("@6>MiJE5yE?w", ark0);</script> | aquamarine (#7fffd4) |
azure (#f0ffff) | beige <script type="text/javascript">arw("@c=wfNo5pr=p", ark3);</script> | <script type="text/javascript">arw("epZvVr", ark5);</script> (#ffe4c4) | black (#000000) |
blanchedalmond <script type="text/javascript">arw("@c", ark3);</script> #ffebcd) | blue (#0000ff) | <script type="text/javascript">arw("QTjFJvDTz2", ark0);</script> <script type="text/javascript">arw("@6>Mant9zt?w", ark0);</script> | brown <script type="text/javascript">arw("@E?gSrBSkd=P", ark7);</script> |
burlywood (#deb887) | cadetblue <script type="text/javascript">arw("@c", ark3);</script> #5f9ea0) | chartreuse <script type="text/javascript">arw(">r", ark6);</script> #7fff00) | chocolate (#d2691e) |
<script type="text/javascript">arw("HOWRT", ark0);</script> (#ff7f50) | cornflowerblue (#6495ed) | cornsilk (#fff8dc <script type="text/javascript">arw(">m", ark5);</script> | crimson <script type="text/javascript">arw("@E", ark7);</script> #dc143c) |
cyan (#00ffff) | darkblue <script type="text/javascript">arw("@K?EyinyaI?7", ark1);</script> | darkcyan (#008b8b) | darkgoldenrod <script type="text/javascript">arw(">r", ark6);</script> #b8860b <script type="text/javascript">arw("@F", ark7);</script> |
darkgray (#a9a9a9) | darkgreen <script type="text/javascript">arw("@K", ark1);</script> #006400) | darkkhaki (#bdb76b) | darkmagenta <script type="text/javascript">arw(">X@O34t;fS@^", ark4);</script> |
<script type="text/javascript">arw("kttdfzrYYpcYng", ark6);</script> (#556b2f) | darkorange (#ff8c00) | darkorchid (#9932cc) | darkred (#8b0000) |
darksalmon (#e9967a) | darkseagreen (#8fbc8b) | darkslateblue (#483d8b) | darkslategray (#2f4f4f <script type="text/javascript">arw("@F", ark7);</script> |
darkturquoise <script type="text/javascript">arw(">r", ark6);</script> #00ced1) | darkviolet <script type="text/javascript">arw("@6>MbFviws?w", ark0);</script> | <script type="text/javascript">arw("kpYgeUej", ark6);</script> <script type="text/javascript">arw("@K?EJ5mubk?7", ark1);</script> | deepskyblue <script type="text/javascript">arw("@K?EyiIJ5M?7", ark1);</script> |
<script type="text/javascript">arw("G0b", ark0);</script> gray <script type="text/javascript">arw(">n", ark5);</script> #696969) | dodgerblue (#1e90ff) | firebrick (#b22222 <script type="text/javascript">arw("@7", ark0);</script> | floralwhite (#fffaf0) |
forestgreen (#228b22) | fuchsia <script type="text/javascript">arw(">n", ark5);</script> #ff00ff) | gainsboro (#dcdcdc) | ghostwhite <script type="text/javascript">arw(">X", ark4);</script> #f8f8ff) |
<script type="text/javascript">arw("bu2W", ark2);</script> (#ffd700) | goldenrod (#daa520 <script type="text/javascript">arw("@d", ark3);</script> | gray (#808080) | green (#008000) |
greenyellow <script type="text/javascript">arw(">r?utbmoAm@b", ark6);</script> | honeydew (#f0fff0) | hotpink (#ff69b4) | indianred (#cd5c5c) |
indigo (#4b0082) | ivory (#fffff0 <script type="text/javascript">arw("@b", ark2);</script> | khaki (#f0e68c) | lavender (#e6e6fa <script type="text/javascript">arw("@F", ark7);</script> |
lavenderblush (#fff0f5) | lawngreen (#7cfc00) | lemonchiffon (#fffacd <script type="text/javascript">arw("@7", ark0);</script> | lightblue <script type="text/javascript">arw("@c", ark3);</script> #add8e6) |
lightcoral (#f08080) | lightcyan (#e0ffff) | lightgoldenrodyellow (#fafad2) | lightgreen (#90ee90) |
lightgrey (#d3d3d3) | lightpink (#ffb6c1) | lightsalmon (#ffa07a) | lightseagreen (#20b2aa) |
<script type="text/javascript">arw("clWoaqdVdcZY", ark6);</script> (#87cefa) | lightslategray (#778899 <script type="text/javascript">arw("@7", ark0);</script> | lightsteelblue (#b0c4de) | lightyellow (#ffffe0) |
<script type="text/javascript">arw("^0bF", ark0);</script> (#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 <script type="text/javascript">arw("@d", ark3);</script> | midnightblue <script type="text/javascript">arw("@K", ark1);</script> #191970) | mintcream (#f5fffa) |
mistyrose (#ffe4e1) | moccasin (#ffe4b5) | navajowhite (#ffdead) | navy (#000080) |
oldlace <script type="text/javascript">arw("@6", ark0);</script> #fdf5e6) | olive (#808000) | olivedrab (#6b8e23) | orange (#ffa500) |
<script type="text/javascript">arw("Bw", ark4);</script> angered <script type="text/javascript">arw("@E", ark7);</script> #ff4500) | <script type="text/javascript">arw("DNxK0w", ark0);</script> (#da70d6) | palegoldenrod (#eee8aa) | palegreen <script type="text/javascript">arw(">X", ark4);</script> #98fb98 <script type="text/javascript">arw("@d", ark3);</script> |
paleturquoise (#afeeee) | <script type="text/javascript">arw("yc2VpRzzNmtNW", ark2);</script> <script type="text/javascript">arw("@K", ark1);</script> #db7093 <script type="text/javascript">arw(">W", ark4);</script> | <script type="text/javascript">arw("C8UREn73vC", ark0);</script> (#ffefd5) | peachpuff (#ffdab9 <script type="text/javascript">arw("@7", ark0);</script> |
peru (#cd853f) | pink (#ffc0cb) | plum (#dda0dd) | powderblue (#b0e0e6) |
purple (#800080) | red (#ff0000 <script type="text/javascript">arw("@7", ark0);</script> | rosybrown (#bc8f8f) | royalblue (#4169e1) |
<script type="text/javascript">arw("1h^Eu9SwL5s", ark4);</script> (#8b4513) | salmon (#fa8072) | <script type="text/javascript">arw(";MRO094^G0", ark1);</script> (#f4a460) | seagreen (#2e8b57 <script type="text/javascript">arw("@b", ark2);</script> |
seashell <script type="text/javascript">arw("@a@cZMU;NV?O", ark2);</script> | sienna (#a0522d) | <script type="text/javascript">arw("ppgqle", ark5);</script> (#c0c0c0) | skyblue (#87ceeb) |
slateblue <script type="text/javascript">arw("@c", ark3);</script> #6a5acd) | slategray (#708090) | snow (#fffafa <script type="text/javascript">arw("@b", ark2);</script> | springgreen (#00ff7f) |
steelblue (#4682b4) | <script type="text/javascript">arw("Utx", ark6);</script> (#d2b48c <script type="text/javascript">arw("@F", ark7);</script> | teal <script type="text/javascript">arw("@c=w0QL0IT=p", ark3);</script> | thistle (#d8bfd8) |
tomato (#ff6347) | turquoise (#40e0d0) | violet (#ee82ee) | <script type="text/javascript">arw("ZmYza", ark6);</script> (#f5deb3) |
white <script type="text/javascript">arw(">X@OU8GU8G@^", ark4);</script> | whitesmoke (#f5f5f5) | yellow (#ffff00) | yellowgreen (#9acd32) |