【收藏】HTML颜色参考
2024-06-03 16:54:06
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 |
微软支持的颜色名称
|
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) |
HTML Color<h2>
Web安全颜色</h2>
<table border="0" cellpadding="1" cellspacing="1">
<tr>
<td style="color: #ffffff; background-color: #000000; text-align: center">
#000000
</td>
<td style="color: #ffffff; background-color: #000033; text-align: center">
#000033
</td>
<td style="color: #ffffff; background-color: #000066; text-align: center">
#000066
</td>
<td style="color: #ffffff; background-color: #000099; text-align: center">
#000099
</td>
<td style="color: #ffffff; background-color: #0000cc; text-align: center">
#0000cc
</td>
<td style="color: #ffffff; background-color: #0000ff; text-align: center">
#0000ff
</td>
</tr>
<tr>
<td style="color: #ffffff; background-color: #003300; text-align: center">
#003300
</td>
<td style="color: #ffffff; background-color: #003333; text-align: center">
#003333
</td>
<td style="color: #ffffff; background-color: #003366; text-align: center">
#003366
</td>
<td style="color: #ffffff; background-color: #003399; text-align: center">
#003399
</td>
<td style="color: #ffffff; background-color: #0033cc; text-align: center">
#0033cc
</td>
<td style="color: #ffffff; background-color: #0033ff; text-align: center">
#0033ff
</td>
</tr>
<tr>
<td style="color: #ffffff; background-color: #006600; text-align: center">
#006600
</td>
<td style="color: #ffffff; background-color: #006633; text-align: center">
#006633
</td>
<td style="color: #ffffff; background-color: #006666; text-align: center">
#006666
</td>
<td style="color: #ffffff; background-color: #006699; text-align: center">
#006699
</td>
<td style="color: #ffffff; background-color: #0066cc; text-align: center">
#0066cc
</td>
<td style="color: #ffffff; background-color: #0066ff; text-align: center">
#0066ff
</td>
</tr>
<tr>
<td style="background-color: #009900; text-align: center">
#009900
</td>
<td style="background-color: #009933; text-align: center">
#009933
</td>
<td style="background-color: #009966; text-align: center">
#009966
</td>
<td style="background-color: #009999; text-align: center">
#009999
</td>
<td style="background-color: #0099cc; text-align: center">
#0099cc
</td>
<td style="background-color: #0099ff; text-align: center">
#0099ff
</td>
</tr>
<tr>
<td style="background-color: #00cc00; text-align: center">
#00cc00
</td>
<td style="background-color: #00cc33; text-align: center">
#00cc33
</td>
<td style="background-color: #00cc66; text-align: center">
#00cc66
</td>
<td style="background-color: #00cc99; text-align: center">
#00cc99
</td>
<td style="background-color: #00cccc; text-align: center">
#00cccc
</td>
<td style="background-color: #00ccff; text-align: center">
#00ccff
</td>
</tr>
<tr>
<td style="background-color: #00ff00; text-align: center">
#00ff00
</td>
<td style="background-color: #00ff33; text-align: center">
#00ff33
</td>
<td style="background-color: #00ff66; text-align: center">
#00ff66
</td>
<td style="background-color: #00ff99; text-align: center">
#00ff99
</td>
<td style="background-color: #00ffcc; text-align: center">
#00ffcc
</td>
<td style="background-color: #00ffff; text-align: center">
#00ffff
</td>
</tr>
<tr>
<td style="color: #ffffff; background-color: #330000; text-align: center">
#330000
</td>
<td style="color: #ffffff; background-color: #330033; text-align: center">
#330033
</td>
<td style="color: #ffffff; background-color: #330066; text-align: center">
#330066
</td>
<td style="color: #ffffff; background-color: #330099; text-align: center">
#330099
</td>
<td style="color: #ffffff; background-color: #3300cc; text-align: center">
#3300cc
</td>
<td style="color: #ffffff; background-color: #3300ff; text-align: center">
#3300ff
</td>
</tr>
<tr>
<td style="color: #ffffff; background-color: #333300; text-align: center">
#333300
</td>
<td style="color: #ffffff; background-color: #333333; text-align: center">
#333333
</td>
<td style="color: #ffffff; background-color: #333366; text-align: center">
#333366
</td>
<td style="color: #ffffff; background-color: #333399; text-align: center">
#333399
</td>
<td style="color: #ffffff; background-color: #3333cc; text-align: center">
#3333cc
</td>
<td style="color: #ffffff; background-color: #3333ff; text-align: center">
#3333ff
</td>
</tr>
<tr>
<td style="color: #ffffff; background-color: #336600; text-align: center">
#336600
</td>
<td style="color: #ffffff; background-color: #336633; text-align: center">
#336633
</td>
<td style="color: #ffffff; background-color: #336666; text-align: center">
#336666
</td>
<td style="color: #ffffff; background-color: #336699; text-align: center">
#336699
</td>
<td style="color: #ffffff; background-color: #3366cc; text-align: center">
#3366cc
</td>
<td style="color: #ffffff; background-color: #3366ff; text-align: center">
#3366ff
</td>
</tr>
<tr>
<td style="background-color: #339900; text-align: center">
#339900
</td>
<td style="background-color: #339933; text-align: center">
#339933
</td>
<td style="background-color: #339966; text-align: center">
#339966
</td>
<td style="background-color: #339999; text-align: center">
#339999
</td>
<td style="background-color: #3399cc; text-align: center">
#3399cc
</td>
<td style="background-color: #3399ff; text-align: center">
#3399ff
</td>
</tr>
<tr>
<td style="background-color: #33cc00; text-align: center">
#33cc00
</td>
<td style="background-color: #33cc33; text-align: center">
#33cc33
</td>
<td style="background-color: #33cc66; text-align: center">
#33cc66
</td>
<td style="background-color: #33cc99; text-align: center">
#33cc99
</td>
<td style="background-color: #33cccc; text-align: center">
#33cccc
</td>
<td style="background-color: #33ccff; text-align: center">
#33ccff
</td>
</tr>
<tr>
<td style="background-color: #33ff00; text-align: center">
#33ff00
</td>
<td style="background-color: #33ff33; text-align: center">
#33ff33
</td>
<td style="background-color: #33ff66; text-align: center">
#33ff66
</td>
<td style="background-color: #33ff99; text-align: center">
#33ff99
</td>
<td style="background-color: #33ffcc; text-align: center">
#33ffcc
</td>
<td style="background-color: #33ffff; text-align: center">
#33ffff
</td>
</tr>
<tr>
<td style="color: #ffffff; background-color: #660000; text-align: center">
#660000
</td>
<td style="color: #ffffff; background-color: #660033; text-align: center">
#660033
</td>
<td style="color: #ffffff; background-color: #660066; text-align: center">
#660066
</td>
<td style="color: #ffffff; background-color: #660099; text-align: center">
#660099
</td>
<td style="color: #ffffff; background-color: #6600cc; text-align: center">
#6600cc
</td>
<td style="color: #ffffff; background-color: #6600ff; text-align: center">
#6600ff
</td>
</tr>
<tr>
<td style="color: #ffffff; background-color: #663300; text-align: center">
#663300
</td>
<td style="color: #ffffff; background-color: #663333; text-align: center">
#663333
</td>
<td style="color: #ffffff; background-color: #663366; text-align: center">
#663366
</td>
<td style="color: #ffffff; background-color: #663399; text-align: center">
#663399
</td>
<td style="color: #ffffff; background-color: #6633cc; text-align: center">
#6633cc
</td>
<td style="color: #ffffff; background-color: #6633ff; text-align: center">
#6633ff
</td>
</tr>
<tr>
<td style="color: #ffffff; background-color: #666600; text-align: center">
#666600
</td>
<td style="color: #ffffff; background-color: #666633; text-align: center">
#666633
</td>
<td style="color: #ffffff; background-color: #666666; text-align: center">
#666666
</td>
<td style="color: #ffffff; background-color: #666699; text-align: center">
#666699
</td>
<td style="color: #ffffff; background-color: #6666cc; text-align: center">
#6666cc
</td>
<td style="color: #ffffff; background-color: #6666ff; text-align: center">
#6666ff
</td>
</tr>
<tr>
<td style="background-color: #669900; text-align: center">
#669900
</td>
<td style="background-color: #669933; text-align: center">
#669933
</td>
<td style="background-color: #669966; text-align: center">
#669966
</td>
<td style="background-color: #669999; text-align: center">
#669999
</td>
<td style="background-color: #6699cc; text-align: center">
#6699cc
</td>
<td style="background-color: #6699ff; text-align: center">
#6699ff
</td>
</tr>
<tr>
<td style="background-color: #66cc00; text-align: center">
#66cc00
</td>
<td style="background-color: #66cc33; text-align: center">
#66cc33
</td>
<td style="background-color: #66cc66; text-align: center">
#66cc66
</td>
<td style="background-color: #66cc99; text-align: center">
#66cc99
</td>
<td style="background-color: #66cccc; text-align: center">
#66cccc
</td>
<td style="background-color: #66ccff; text-align: center">
#66ccff
</td>
</tr>
<tr>
<td style="background-color: #66ff00; text-align: center">
#66ff00
</td>
<td style="background-color: #66ff33; text-align: center">
#66ff33
</td>
<td style="background-color: #66ff66; text-align: center">
#66ff66
</td>
<td style="background-color: #66ff99; text-align: center">
#66ff99
</td>
<td style="background-color: #66ffcc; text-align: center">
#66ffcc
</td>
<td style="background-color: #66ffff; text-align: center">
#66ffff
</td>
</tr>
<tr>
<td style="color: #ffffff; background-color: #990000; text-align: center">
#990000
</td>
<td style="color: #ffffff; background-color: #990033; text-align: center">
#990033
</td>
<td style="color: #ffffff; background-color: #990066; text-align: center">
#990066
</td>
<td style="color: #ffffff; background-color: #990099; text-align: center">
#990099
</td>
<td style="color: #ffffff; background-color: #9900cc; text-align: center">
#9900cc
</td>
<td style="color: #ffffff; background-color: #9900ff; text-align: center">
#9900ff
</td>
</tr>
<tr>
<td style="color: #ffffff; background-color: #993300; text-align: center">
#993300
</td>
<td style="color: #ffffff; background-color: #993333; text-align: center">
#993333
</td>
<td style="color: #ffffff; background-color: #993366; text-align: center">
#993366
</td>
<td style="color: #ffffff; background-color: #993399; text-align: center">
#993399
</td>
<td style="color: #ffffff; background-color: #9933cc; text-align: center">
#9933cc
</td>
<td style="color: #ffffff; background-color: #9933ff; text-align: center">
#9933ff
</td>
</tr>
<tr>
<td style="color: #ffffff; background-color: #996600; text-align: center">
#996600
</td>
<td style="color: #ffffff; background-color: #996633; text-align: center">
#996633
</td>
<td style="color: #ffffff; background-color: #996666; text-align: center">
#996666
</td>
<td style="color: #ffffff; background-color: #996699; text-align: center">
#996699
</td>
<td style="color: #ffffff; background-color: #9966cc; text-align: center">
#9966cc
</td>
<td style="color: #ffffff; background-color: #9966ff; text-align: center">
#9966ff
</td>
</tr>
<tr>
<td style="background-color: #999900; text-align: center">
#999900
</td>
<td style="background-color: #999933; text-align: center">
#999933
</td>
<td style="background-color: #999966; text-align: center">
#999966
</td>
<td style="background-color: #999999; text-align: center">
#999999
</td>
<td style="background-color: #9999cc; text-align: center">
#9999cc
</td>
<td style="background-color: #9999ff; text-align: center">
#9999ff
</td>
</tr>
<tr>
<td style="background-color: #99cc00; text-align: center">
#99cc00
</td>
<td style="background-color: #99cc33; text-align: center">
#99cc33
</td>
<td style="background-color: #99cc66; text-align: center">
#99cc66
</td>
<td style="background-color: #99cc99; text-align: center">
#99cc99
</td>
<td style="background-color: #99cccc; text-align: center">
#99cccc
</td>
<td style="background-color: #99ccff; text-align: center">
#99ccff
</td>
</tr>
<tr>
<td style="background-color: #99ff00; text-align: center">
#99ff00
</td>
<td style="background-color: #99ff33; text-align: center">
#99ff33
</td>
<td style="background-color: #99ff66; text-align: center">
#99ff66
</td>
<td style="background-color: #99ff99; text-align: center">
#99ff99
</td>
<td style="background-color: #99ffcc; text-align: center">
#99ffcc
</td>
<td style="background-color: #99ffff; text-align: center">
#99ffff
</td>
</tr>
<tr>
<td style="color: #ffffff; background-color: #cc0000; text-align: center">
#cc0000
</td>
<td style="color: #ffffff; background-color: #cc0033; text-align: center">
#cc0033
</td>
<td style="color: #ffffff; background-color: #cc0066; text-align: center">
#cc0066
</td>
<td style="color: #ffffff; background-color: #cc0099; text-align: center">
#cc0099
</td>
<td style="color: #ffffff; background-color: #cc00cc; text-align: center">
#cc00cc
</td>
<td style="color: #ffffff; background-color: #cc00ff; text-align: center">
#cc00ff
</td>
</tr>
<tr>
<td style="color: #ffffff; background-color: #cc3300; text-align: center">
#cc3300
</td>
<td style="color: #ffffff; background-color: #cc3333; text-align: center">
#cc3333
</td>
<td style="color: #ffffff; background-color: #cc3366; text-align: center">
#cc3366
</td>
<td style="color: #ffffff; background-color: #cc3399; text-align: center">
#cc3399
</td>
<td style="color: #ffffff; background-color: #cc33cc; text-align: center">
#cc33cc
</td>
<td style="color: #ffffff; background-color: #cc33ff; text-align: center">
#cc33ff
</td>
</tr>
<tr>
<td style="color: #ffffff; background-color: #cc6600; text-align: center">
#cc6600
</td>
<td style="color: #ffffff; background-color: #cc6633; text-align: center">
#cc6633
</td>
<td style="color: #ffffff; background-color: #cc6666; text-align: center">
#cc6666
</td>
<td style="color: #ffffff; background-color: #cc6699; text-align: center">
#cc6699
</td>
<td style="color: #ffffff; background-color: #cc66cc; text-align: center">
#cc66cc
</td>
<td style="color: #ffffff; background-color: #cc66ff; text-align: center">
#cc66ff
</td>
</tr>
<tr>
<td style="background-color: #cc9900; text-align: center">
#cc9900
</td>
<td style="background-color: #cc9933; text-align: center">
#cc9933
</td>
<td style="background-color: #cc9966; text-align: center">
#cc9966
</td>
<td style="background-color: #cc9999; text-align: center">
#cc9999
</td>
<td style="background-color: #cc99cc; text-align: center">
#cc99cc
</td>
<td style="background-color: #cc99ff; text-align: center">
#cc99ff
</td>
</tr>
<tr>
<td style="background-color: #cccc00; text-align: center">
#cccc00
</td>
<td style="background-color: #cccc33; text-align: center">
#cccc33
</td>
<td style="background-color: #cccc66; text-align: center">
#cccc66
</td>
<td style="background-color: #cccc99; text-align: center">
#cccc99
</td>
<td style="background-color: #cccccc; text-align: center">
#cccccc
</td>
<td style="background-color: #ccccff; text-align: center">
#ccccff
</td>
</tr>
<tr>
<td style="background-color: #ccff00; text-align: center">
#ccff00
</td>
<td style="background-color: #ccff33; text-align: center">
#ccff33
</td>
<td style="background-color: #ccff66; text-align: center">
#ccff66
</td>
<td style="background-color: #ccff99; text-align: center">
#ccff99
</td>
<td style="background-color: #ccffcc; text-align: center">
#ccffcc
</td>
<td style="background-color: #ccffff; text-align: center">
#ccffff
</td>
</tr>
<tr>
<td style="color: #ffffff; background-color: #ff0000; text-align: center">
#ff0000
</td>
<td style="color: #ffffff; background-color: #ff0033; text-align: center">
#ff0033
</td>
<td style="color: #ffffff; background-color: #ff0066; text-align: center">
#ff0066
</td>
<td style="color: #ffffff; background-color: #ff0099; text-align: center">
#ff0099
</td>
<td style="color: #ffffff; background-color: #ff00cc; text-align: center">
#ff00cc
</td>
<td style="color: #ffffff; background-color: #ff00ff; text-align: center">
#ff00ff
</td>
</tr>
<tr>
<td style="color: #ffffff; background-color: #ff3300; text-align: center">
#ff3300
</td>
<td style="color: #ffffff; background-color: #ff3333; text-align: center">
#ff3333
</td>
<td style="color: #ffffff; background-color: #ff3366; text-align: center">
#ff3366
</td>
<td style="color: #ffffff; background-color: #ff3399; text-align: center">
#ff3399
</td>
<td style="color: #ffffff; background-color: #ff33cc; text-align: center">
#ff33cc
</td>
<td style="color: #ffffff; background-color: #ff33ff; text-align: center">
#ff33ff
</td>
</tr>
<tr>
<td style="color: #ffffff; background-color: #ff6600; text-align: center">
#ff6600
</td>
<td style="color: #ffffff; background-color: #ff6633; text-align: center">
#ff6633
</td>
<td style="color: #ffffff; background-color: #ff6666; text-align: center">
#ff6666
</td>
<td style="color: #ffffff; background-color: #ff6699; text-align: center">
#ff6699
</td>
<td style="color: #ffffff; background-color: #ff66cc; text-align: center">
#ff66cc
</td>
<td style="color: #ffffff; background-color: #ff66ff; text-align: center">
#ff66ff
</td>
</tr>
<tr>
<td style="background-color: #ff9900; text-align: center">
#ff9900
</td>
<td style="background-color: #ff9933; text-align: center">
#ff9933
</td>
<td style="background-color: #ff9966; text-align: center">
#ff9966
</td>
<td style="background-color: #ff9999; text-align: center">
#ff9999
</td>
<td style="background-color: #ff99cc; text-align: center">
#ff99cc
</td>
<td style="background-color: #ff99ff; text-align: center">
#ff99ff
</td>
</tr>
<tr>
<td style="background-color: #ffcc00; text-align: center">
#ffcc00
</td>
<td style="background-color: #ffcc33; text-align: center">
#ffcc33
</td>
<td style="background-color: #ffcc66; text-align: center">
#ffcc66
</td>
<td style="background-color: #ffcc99; text-align: center">
#ffcc99
</td>
<td style="background-color: #ffcccc; text-align: center">
#ffcccc
</td>
<td style="background-color: #ffccff; text-align: center">
#ffccff
</td>
</tr>
<tr>
<td style="background-color: #ffff00; text-align: center">
#ffff00
</td>
<td style="background-color: #ffff33; text-align: center">
#ffff33
</td>
<td style="background-color: #ffff66; text-align: center">
#ffff66
</td>
<td style="background-color: #ffff99; text-align: center">
#ffff99
</td>
<td style="background-color: #ffffcc; text-align: center">
#ffffcc
</td>
<td style="background-color: #ffffff; text-align: center">
#ffffff
</td>
</tr>
</table>
<h2>
微软支持的颜色名称</h2>
<table border="0" cellpadding="1" cellspacing="1">
<tr>
<td align="middle" style="background: aliceblue">
aliceblue<br />
(#f0f8ff)
</td>
<td align="middle" style="background: antiquewhite">
antiquewhite<br />
(#faebd7)
</td>
<td align="middle" style="background: aqua">
aqua<br />
(#00ffff)
</td>
<td align="middle" style="background: aquamarine">
aquamarine<br />
(#7fffd4)
</td>
</tr>
<tr>
<td align="middle" style="background: azure">
azure<br />
(#f0ffff)
</td>
<td align="middle" style="background: beige">
beige<br />
(#f5f5dc)
</td>
<td align="middle" style="background: bisque">
bisque<br />
(#ffe4c4)
</td>
<td align="middle" style="background: black; color: #ffffff">
black<br />
(#000000)
</td>
</tr>
<tr>
<td align="middle" style="background: blanchedalmond">
blanchedalmond<br />
(#ffebcd)
</td>
<td align="middle" style="background: #0000ff">
blue<br />
(#0000ff)
</td>
<td align="middle" style="background: #8a2be2">
blueviolet<br />
(#8a2be2)
</td>
<td align="middle" style="background: brown">
brown<br />
(#a52a2a)
</td>
</tr>
<tr>
<td align="middle" style="background: burlywood">
burlywood<br />
(#deb887)
</td>
<td align="middle" style="background: cadetblue">
cadetblue<br />
(#5f9ea0)
</td>
<td align="middle" style="background: chartreuse">
chartreuse<br />
(#7fff00)
</td>
<td align="middle" style="background: chocolate">
chocolate<br />
(#d2691e)
</td>
</tr>
<tr>
<td align="middle" style="background: coral">
coral<br />
(#ff7f50)
</td>
<td align="middle" style="background: #6495ed">
cornflowerblue<br />
(#6495ed)
</td>
<td align="middle" style="background: cornsilk">
cornsilk<br />
(#fff8dc)
</td>
<td align="middle" style="background: crimson">
crimson<br />
(#dc143c)
</td>
</tr>
<tr>
<td align="middle" style="background: cyan">
cyan<br />
(#00ffff)
</td>
<td align="middle" style="background: darkblue">
darkblue<br />
(#00008b)
</td>
<td align="middle" style="background: darkcyan">
darkcyan<br />
(#008b8b)
</td>
<td align="middle" style="background: darkgoldenrod">
darkgoldenrod<br />
(#b8860b)
</td>
</tr>
<tr>
<td align="middle" style="background: darkgray">
darkgray<br />
(#a9a9a9)
</td>
<td align="middle" style="background: darkgreen">
darkgreen<br />
(#006400)
</td>
<td align="middle" style="background: darkkhaki">
darkkhaki<br />
(#bdb76b)
</td>
<td align="middle" style="background: darkmagenta">
darkmagenta<br />
(#8b008b)
</td>
</tr>
<tr>
<td align="middle" style="background: darkolivegreen">
darkolivegreen<br />
(#556b2f)
</td>
<td align="middle" style="background: darkorange">
darkorange<br />
(#ff8c00)
</td>
<td align="middle" style="background: darkorchid">
darkorchid<br />
(#9932cc)
</td>
<td align="middle" style="background: darkred">
darkred<br />
(#8b0000)
</td>
</tr>
<tr>
<td align="middle" style="background: darksalmon">
darksalmon<br />
(#e9967a)
</td>
<td align="middle" style="background: darkseagreen">
darkseagreen<br />
(#8fbc8b)
</td>
<td align="middle" style="background: darkslateblue">
darkslateblue<br />
(#483d8b)
</td>
<td align="middle" style="background: darkslategray">
darkslategray<br />
(#2f4f4f)
</td>
</tr>
<tr>
<td align="middle" style="background: darkturquoise">
darkturquoise<br />
(#00ced1)
</td>
<td align="middle" style="background: darkviolet">
darkviolet<br />
(#9400d3)
</td>
<td align="middle" style="background: deeppink">
deeppink<br />
(#ff1493)
</td>
<td align="middle" style="background: deepskyblue">
deepskyblue<br />
(#00bfff)
</td>
</tr>
<tr>
<td align="middle" style="background: dimgray">
dimgray<br />
(#696969)
</td>
<td align="middle" style="background: dodgerblue">
dodgerblue<br />
(#1e90ff)
</td>
<td align="middle" style="background: firebrick">
firebrick<br />
(#b22222)
</td>
<td align="middle" style="background: floralwhite">
floralwhite<br />
(#fffaf0)
</td>
</tr>
<tr>
<td align="middle" style="background: forestgreen">
forestgreen<br />
(#228b22)
</td>
<td align="middle" style="background: #ff00ff">
fuchsia<br />
(#ff00ff)
</td>
<td align="middle" style="background: gainsboro">
gainsboro<br />
(#dcdcdc)
</td>
<td align="middle" style="background: ghostwhite">
ghostwhite<br />
(#f8f8ff)
</td>
</tr>
<tr>
<td align="middle" style="background: gold">
gold<br />
(#ffd700)
</td>
<td align="middle" style="background: goldenrod">
goldenrod<br />
(#daa520)
</td>
<td align="middle" style="background: gray">
gray<br />
(#808080)
</td>
<td align="middle" style="background: green">
green<br />
(#008000)
</td>
</tr>
<tr>
<td align="middle" style="background: greenyellow">
greenyellow<br />
(#adff2f)
</td>
<td align="middle" style="background: honeydew">
honeydew<br />
(#f0fff0)
</td>
<td align="middle" style="background: hotpink">
hotpink<br />
(#ff69b4)
</td>
<td align="middle" style="background: indianred">
indianred<br />
(#cd5c5c)
</td>
</tr>
<tr>
<td align="middle" style="background: indigo">
indigo<br />
(#4b0082)
</td>
<td align="middle" style="background: ivory">
ivory<br />
(#fffff0)
</td>
<td align="middle" style="background: khaki">
khaki<br />
(#f0e68c)
</td>
<td align="middle" style="background: lavender">
lavender<br />
(#e6e6fa)
</td>
</tr>
<tr>
<td align="middle" style="background: lavenderblush">
lavenderblush<br />
(#fff0f5)
</td>
<td align="middle" style="background: lawngreen">
lawngreen<br />
(#7cfc00)
</td>
<td align="middle" style="background: lemonchiffon">
lemonchiffon<br />
(#fffacd)
</td>
<td align="middle" style="background: lightblue">
lightblue<br />
(#add8e6)
</td>
</tr>
<tr>
<td align="middle" style="background: lightcoral">
lightcoral<br />
(#f08080)
</td>
<td align="middle" style="background: lightcyan">
lightcyan<br />
(#e0ffff)
</td>
<td align="middle" style="background: lightgoldenrodyellow">
lightgoldenrodyellow<br />
(#fafad2)
</td>
<td align="middle" style="background: lightgreen">
lightgreen<br />
(#90ee90)
</td>
</tr>
<tr>
<td align="middle" style="background: lightgrey">
lightgrey<br />
(#d3d3d3)
</td>
<td align="middle" style="background: lightpink">
lightpink<br />
(#ffb6c1)
</td>
<td align="middle" style="background: lightsalmon">
lightsalmon<br />
(#ffa07a)
</td>
<td align="middle" style="background: lightseagreen">
lightseagreen<br />
(#20b2aa)
</td>
</tr>
<tr>
<td align="middle" style="background: lightskyblue">
lightskyblue<br />
(#87cefa)
</td>
<td align="middle" style="background: lightslategray">
lightslategray<br />
(#778899)
</td>
<td align="middle" style="background: lightsteelblue">
lightsteelblue<br />
(#b0c4de)
</td>
<td align="middle" style="background: lightyellow">
lightyellow<br />
(#ffffe0)
</td>
</tr>
<tr>
<td align="middle" style="background: lime">
lime<br />
(#00ff00)
</td>
<td align="middle" style="background: limegreen">
limegreen<br />
(#32cd32)
</td>
<td align="middle" style="background: linen">
linen<br />
(#faf0e6)
</td>
<td align="middle" style="background: magenta">
magenta<br />
(#ff00ff)
</td>
</tr>
<tr>
<td align="middle" style="background: maroon">
maroon<br />
(#800000)
</td>
<td align="middle" style="background: mediumaquamarine">
mediumaquamarine<br />
(#66cdaa)
</td>
<td align="middle" style="background: mediumblue">
mediumblue<br />
(#0000cd)
</td>
<td align="middle" style="background: mediumorchid">
mediumorchid<br />
(#ba55d3)
</td>
</tr>
<tr>
<td align="middle" style="background: mediumpurple">
mediumpurple<br />
(#9370db)
</td>
<td align="middle" style="background: mediumseagreen">
mediumseagreen<br />
(#3cb371)
</td>
<td align="middle" style="background: mediumslateblue">
mediumslateblue<br />
(#7b68ee)
</td>
<td align="middle" style="background: mediumspringgreen">
mediumspringgreen<br />
(#00fa9a)
</td>
</tr>
<tr>
<td align="middle" style="background: mediumturquoise">
mediumturquoise<br />
(#48d1cc)
</td>
<td align="middle" style="background: mediumvioletred">
mediumvioletred<br />
(#c71585)
</td>
<td align="middle" style="background: midnightblue">
midnightblue<br />
(#191970)
</td>
<td align="middle" style="background: mintcream">
mintcream<br />
(#f5fffa)
</td>
</tr>
<tr>
<td align="middle" style="background: mistyrose">
mistyrose<br />
(#ffe4e1)
</td>
<td align="middle" style="background: moccasin">
moccasin<br />
(#ffe4b5)
</td>
<td align="middle" style="background: navajowhite">
navajowhite<br />
(#ffdead)
</td>
<td align="middle" style="background: navy">
navy<br />
(#000080)
</td>
</tr>
<tr>
<td align="middle" style="background: oldlace">
oldlace<br />
(#fdf5e6)
</td>
<td align="middle" style="background: olive">
olive<br />
(#808000)
</td>
<td align="middle" style="background: olivedrab">
olivedrab<br />
(#6b8e23)
</td>
<td align="middle" style="background: orange">
orange<br />
(#ffa500)
</td>
</tr>
<tr>
<td align="middle" style="background: orangered">
orangered<br />
(#ff4500)
</td>
<td align="middle" style="background: orchid">
orchid<br />
(#da70d6)
</td>
<td align="middle" style="background: palegoldenrod">
palegoldenrod<br />
(#eee8aa)
</td>
<td align="middle" style="background: palegreen">
palegreen<br />
(#98fb98)
</td>
</tr>
<tr>
<td align="middle" style="background: paleturquoise">
paleturquoise<br />
(#afeeee)
</td>
<td align="middle" style="background: palevioletred">
palevioletred<br />
(#db7093)
</td>
<td align="middle" style="background: papayawhip">
papayawhip<br />
(#ffefd5)
</td>
<td align="middle" style="background: peachpuff">
peachpuff<br />
(#ffdab9)
</td>
</tr>
<tr>
<td align="middle" style="background: peru">
peru<br />
(#cd853f)
</td>
<td align="middle" style="background: pink">
pink<br />
(#ffc0cb)
</td>
<td align="middle" style="background: plum">
plum<br />
(#dda0dd)
</td>
<td align="middle" style="background: powderblue">
powderblue<br />
(#b0e0e6)
</td>
</tr>
<tr>
<td align="middle" style="background: purple">
purple<br />
(#800080)
</td>
<td align="middle" style="background: red">
red<br />
(#ff0000)
</td>
<td align="middle" style="background: rosybrown">
rosybrown<br />
(#bc8f8f)
</td>
<td align="middle" style="background: royalblue">
royalblue<br />
(#4169e1)
</td>
</tr>
<tr>
<td align="middle" style="background: saddlebrown">
saddlebrown<br />
(#8b4513)
</td>
<td align="middle" style="background: salmon">
salmon<br />
(#fa8072)
</td>
<td align="middle" style="background: sandybrown">
sandybrown<br />
(#f4a460)
</td>
<td align="middle" style="background: seagreen">
seagreen<br />
(#2e8b57)
</td>
</tr>
<tr>
<td align="middle" style="background: seashell">
seashell<br />
(#fff5ee)
</td>
<td align="middle" style="background: sienna">
sienna<br />
(#a0522d)
</td>
<td align="middle" style="background: silver">
silver<br />
(#c0c0c0)
</td>
<td align="middle" style="background: skyblue">
skyblue<br />
(#87ceeb)
</td>
</tr>
<tr>
<td align="middle" style="background: slateblue">
slateblue<br />
(#6a5acd)
</td>
<td align="middle" style="background: slategray">
slategray<br />
(#708090)
</td>
<td align="middle" style="background: snow">
snow<br />
(#fffafa)
</td>
<td align="middle" style="background: springgreen">
springgreen<br />
(#00ff7f)
</td>
</tr>
<tr>
<td align="middle" style="background: steelblue">
steelblue<br />
(#4682b4)
</td>
<td align="middle" style="background: tan">
tan<br />
(#d2b48c)
</td>
<td align="middle" style="background: teal">
teal<br />
(#008080)
</td>
<td align="middle" style="background: thistle">
thistle<br />
(#d8bfd8)
</td>
</tr>
<tr>
<td align="middle" style="background: tomato">
tomato<br />
(#ff6347)
</td>
<td align="middle" style="background: turquoise">
turquoise<br />
(#40e0d0)
</td>
<td align="middle" style="background: violet">
violet<br />
(#ee82ee)
</td>
<td align="middle" style="background: wheat">
wheat<br />
(#f5deb3)
</td>
</tr>
<tr>
<td align="middle" style="background: white">
white<br />
(#ffffff)
</td>
<td align="middle" style="background: whitesmoke">
whitesmoke<br />
(#f5f5f5)
</td>
<td align="middle" style="background: yellow">
yellow<br />
(#ffff00)
</td>
<td align="middle" style="background: yellowgreen">
yellowgreen<br />
(#9acd32)
</td>
</tr>
</table>
转载于:https://www.cnblogs.com/OceanChen/archive/2009/02/27/1399514.html
【收藏】HTML颜色参考相关推荐
- Python Tkinter颜色参考程序
这是一个颜色参考程序,Python程序员专用. 点击任意颜色可以复制颜色的英文名称 已经修改前景色,所有字都看得清(终于找到一件比肝作业更累的事情) 话不多说,贴代码 代码 from tkinter ...
- Mysql学习积累之一[网摘收藏 个人学习参考]
之前主要使用Oracle,对MySQL不熟悉.以为两者差不多,但发现其实还是有点区别,现在开始学习Mysql. 任何时候,技术没有早晚,看到自己缺少的,就只能自己主动补钙.:) 收藏一篇文章如下,参考 ...
- 在html里ff3d3d是什么颜色,HTML颜色参考
在HTML里,颜色有两种表示方式.一种是用颜色名称表示,比如blue表示蓝色.另外一种是用16进制的数值表示RGB的颜色值.RGB是 Red,Green,Blue意思,RGB每个原色的最小值是0,最大 ...
- html颜色参考 速查 在线取色,Color by Fardos - 配色/取色插件
Color by Fardos开发背景 设计师的工作离不开颜色,而且经常会遇到需要取到网页某个部分的颜色,之前我们chrome插件网介绍了ColorPick:网页颜色选择器.ColorZilla插件. ...
- myeclipse中文界面改颜色_图文设计颜色参考
前言 我们在进行设计时,常常会遇到采用什么颜色的问题而感到烦恼,有时我们会去参考一些品牌的用色,但是我们不知道色值是多少,还有就是一个个去官网找又比较麻烦. 今天小编给大家分享一个世界知名品牌颜色收集 ...
- html对应的颜色英文名,[转载]Html颜色参考——颜色的英文名称和数字对照
在HTML里,颜色有两种表示方式.一种是用颜色名称表示,比如blue表示蓝色.另外一种是用16进制的数值表示RGB的颜色值.RGB是Red,Green,Blue意思,RGB每个原色的最小值是0,最大值 ...
- html修改th颜色,HTML th 标签 - HTML 颜色参考手册 - 自强学堂
HTML 标签 实例 一个简单的 HTML 表格,带有两个表头单元格和两个数据单元格: Month Savings January $100 尝试一下 » (更多实例见页面底部) 浏览器支持 所有主流 ...
- 用html5定义表格的背景颜色,HTML table 标签 - HTML 颜色参考手册 - 自强学堂
HTML 实例 一个简单的 HTML 表格,包含两列两行: Month Savings January $100 尝试一下 » (更多实例见页面底部) 浏览器支持 所有主流浏览器都支持 标签定义及使用 ...
- qt lineedit获取内容_Qt开发中的几个关键知识点，收藏以备参考
总第15篇 本文主要总结了用Qt框架做项目开发的过程中,比较关键的几个知识点,深入总结并收录于此,以防止后面忘记了可以快速查找.读完此文,你也可以收藏之,以备后面的开发工作中可以快速查找. 1.获取当 ...
最新文章
- 如何创建企业转型路线图
- Rinne Loves Data Structure
- 三维基因组染色质环(loop)结构
- 要让GAN生成想要的样本，可控生成对抗网络可能会成为你的好帮手
- .NET : 通过配置文件指定跟踪（trace）选项
- laravel上传文件报错：413 Request Entity Too Large
- 谈谈C#的私有成员的一个有趣的现象！
- nt服务器需要的协议,构建没有NT服务器的NT域
- (转)Java初始化顺序
- DOS下文件操作命令
- java 解析tgw_给Java新手的一些建议——Java知识点归纳(Java基础部分)
- Flink系列之流式
- Python（四）：字符串
- cesium加载shp格式数据
- Matlab的循环语法
- Matlab：数组索引
- 小白入门——关于什么是区块链
- pyqt5报错——ERROR: pip‘s dependency resolver does not currently take into account all the packages that
- android app 重启消失了,android平板重启apk消失不见
- 不要用for in 不要用for in 不要用for in 尤其在JavaScript 遍历document时