颜色名称（Color Names）
优质
小牛编辑
121浏览
2023-12-01
下表显示了HTML 3.2中引入的16种颜色名称 -
| 颜色名称 | 十六进制值 | 颜色 | show |
|---|---|---|---|
| aqua | #00ffff | 00ffff | |
| black | #000000 | 000000 | |
| blue | #0000ff | 0000ff | |
| fuchsia | #ff00ff | ff00ff | |
| green | #008000 | 008000 | |
| gray | #808080 | 808080 | |
| lime | #00ff00 | 00ff00 | |
| maroon | #800000 | 800000 | |
| navy | #000080 | 000080 | |
| olive | #808000 | 808000 | |
| purple | #800080 | 800080 | |
| red | #ff0000 | ff0000 | |
| silver | #c0c0c0 | c0c0c0 | |
| teal | #008080 | 008080 | |
| white | #ffffff | ffffff | |
| yellow | #ffff00 | ffff00 |
还有其他颜色不属于HTML或XHTML，但大多数主流浏览器都支持它们。
| 颜色名称 | 十六进制值 | 颜色 | 节目 |
|---|---|---|---|
| aliceblue | #f0f8ff | f0f8ff | |
| antiquewhite | #faebd7 | faebd7 | |
| aquamarine | #7fffd4 | 7fffd4 | |
| azure | #f0ffff | f0ffff | |
| beige | #f5f5dc | f5f5dc | |
| bisque | #ffe4c4 | ffe4c4 | |
| blanchedalmond | #ffebcd | ffebcd | |
| blueviolet | #8a2be2 | 8a2be2 | |
| brown | #a52a2a | a52a2a | |
| burlywood | #deb887 | deb887 | |
| cadetblue | #5f9ea0 | 5f9ea0 | |
| chartreuse | #7fff00 | 5f9ea0 | |
| chocolate | #d2691e | d2691e | |
| coral | #ff7f50 | ff7f50 | |
| cornflowerblue | #6495ed | 6495ed | |
| cornsilk | #fff8dc | fff8dc | |
| crimson | #dc143c | dc143c | |
| cyan | #00ffff | 00ffff | |
| darkblue | #00008b | 00008b | |
| darkcyan | #008b8b | 008b8b | |
| darkgoldenrod | #b8860b | b8860b | |
| darkgray | #a9a9a9 | a9a9a9 | |
| darkgreen | #006400 | 006400 | |
| darkkhaki | #bdb76b | bdb76b | |
| darkmagenta | #8b008b | 8b008b | |
| darkolivegreen | #556b2f | 556b2f | |
| darkorange | #ff8c00 | ff8c00 | |
| darkorchid | #9932cc | 9932cc | |
| darkred | #8b0000 | 8b0000 | |
| darksalmon | #e9967a | e9967a | |
| darkseagreen | #8fbc8f | 8fbc8f | |
| darkslateblue | #483d8b | 483d8b | |
| darkslategray | #2f4f4f | 2f4f4f | |
| darkturquoise | #00ced1 | 00ced1 | |
| darkviolet | #9400d3 | 9400d3 | |
| deeppink | #ff1493 | ff1493 | |
| deepskyblue | #00bfff | 00bfff | |
| dimgray | #696969 | 696969 | |
| dodgerblue | #1e90ff | 1e90ff | |
| firebrick | #b22222 | b22222 | |
| floralwhite | #fffaf0 | fffaf0 | |
| forestgreen | #228b22 | 228b22 | |
| gainsboro | #dcdcdc | dcdcdc | |
| ghostwhite | #f8f8ff | f8f8ff | |
| gold | #ffd700 | ffd700 | |
| goldenrod | #daa520 | daa520 | |
| gray | #808080 | 808080 | |
| greenyellow | #adff2f | adff2f | |
| honeydew | #f0fff0 | f0fff0 | |
| hotpink | #ff69b4 | ff69b4 | |
| indianred | #cd5c5c | cd5c5c | |
| indigo | #4b0082 | 4b0082 | |
| ivory | #fffff0 | fffff0 | |
| khaki | #f0e68c | f0e68c | |
| lavender | #e6e6fa | e6e6fa | |
| lavenderblush | #fff0f5 | fff0f5 | |
| lawngreen | #7cfc00 | 7cfc00 | |
| lemonchiffon | #fffacd | fffacd | |
| lightblue | #add8e6 | add8e6 | |
| lightcoral | #f08080 | f08080 | |
| lightcyan | #e0ffff | e0ffff | |
| lightgoldenrodyellow | #fafad2 | fafad2 | |
| lightgreen | #90ee90 | 90ee90 | |
| lightgrey | #d3d3d3 | d3d3d3 | |
| lightpink | #ffb6c1 | ffb6c1 | |
| lightsalmon | #ffa07a | ffa07a | |
| lightseagreen | #20b2aa | 20b2aa | |
| lightskyblue | #87cefa | 87cefa | |
| lightslategray | #778899 | 778899 | |
| lightsteelblue | #b0c4de | b0c4de | |
| lightyellow | #ffffe0 | ffffe0 | |
| limegreen | #32cd32 | 32cd32 | |
| linen | #faf0e6 | faf0e6 | |
| magenta | #ff00ff | ff00ff | |
| mediumblue | #0000cd | 0000cd | |
| mediumorchid | #ba55d3 | ba55d3 | |
| mediumpurple | #9370db | 9370db | |
| midnightblue | #191970 | 191970 | |
| mistyrose | #ffe4e1 | ffe4e1 | |
| moccasin | #ffe4b5 | ffe4b5 | |
| oldlace | #fdf5e6 | fdf5e6 | |
| orange | #ffa500 | ffa500 | |
| orchid | #da70d6 | da70d6 | |
| peachpuff | #ffdab9 | ffdab9 | |
| peru | #cd853f | cd853f | |
| pink | #ffc0cb | ffc0cb | |
| plum | #dda0dd | dda0dd | |
| purple | #800080 | 800080 | |
| rosybrown | #bc8f8f | bc8f8f | |
| royalblue | #4169e1 | 4169e1 | |
| salmon | #fa8072 | fa8072 | |
| sandybrown | #f4a460 | f4a460 | |
| seagreen | #2e8b57 | 2e8b57 | |
| sienna | #a0522d | a0522d | |
| skyblue | #87ceeb | 87ceeb | |
| slateblue | #6a5acd | 6a5acd | |
| steelblue | #4682b4 | 4682b4 | |
| tan | #d2b48c | d2b48c | |
| thistle | #d8bfd8 | d8bfd8 | |
| tomato | #ff6347 | ff6347 | |
| violet | #ee82ee | ee82ee | |
| wheat | #f5deb3 | f5deb3 | |
| whitesmoke | #f5f5f5 | f5f5f5 | |
| yellow | #ffff00 | ffff00 | |
| yellowgreen | #9acd32 | 9acd32 |
HTML实体
某些字符在HTML中保留，在HTML文档中使用时具有特殊含义。 例如，您不能在HTML文本中使用大于或小于标记或尖括号，因为浏览器会以不同方式对待它们，并尝试绘制与HTML标记相关的含义。
HTML处理器必须支持下表中列出的以下五个特殊字符。
| 符号 | 描述 | 实体名称 | 数字代码 |
|---|---|---|---|
| " | quotation mark | " | " |
| ' | apostrophe | ' | ' |
| & | ampersand | & | & |
| < | less-than | < | < |
| > | greater-than | > | > |
例子 (Example)
如果你想写
作为代码，那么你必须写如下 -<!DOCTYPE html>
<html>
<head>
<title>HTML Entities</title>
</head>
<body>
<div id = "character">
</body>
</html>
HTML 4.0中还有一长串特殊字符。 为了使它们出现在您的文档中，您可以使用数字代码或实体名称。 例如，要插入版权符号，您可以使用以下任一项 -
© 2007
or
© 2007
ISO 8859-1符号实体
| 结果 | 描述 | 实体名称 | 数字代码 |
|---|---|---|---|
| non-breaking space | | ||
| ¡ | inverted exclamation mark | ¡ | ¡ |
| ¤ | currency | ¤ | ¤ |
| ¢ | cent | ¢ | ¢ |
| £ | pound | £ | £ |
| ¥ | yen | ¥ | ¥ |
| ¦ | broken vertical bar | ¦ | ¦ |
| § | section | § | § |
| ¨ | spacing diaeresis | ¨ | ¨ |
| © | copyright | © | © |
| ª | feminine ordinal indicator | ª | ª |
| « | angle quotation mark (left) | « | « |
| ¬ | negation | ¬ | ¬ |
| | soft hyphen | ­ | |
| ® | 注册商标 | ® | ® |
| ™ | trademark | ™ | ™ |
| ¯ | spacing macron | ¯ | ¯ |
| ° | degree | ° | ° |
| ± | plus-or-minus | ± | ± |
| ² | 上标2 | ² | ² |
| ³ | 上标3 | ³ | ³ |
| ´ | spacing acute | ´ | ´ |
| µ | micro | µ | µ |
| ¶ | paragraph | ¶ | ¶ |
| · | 中间点 | · | · |
| ¸ | spacing cedilla | ¸ | ¸ |
| ¹ | 上标1 | ¹ | ¹ |
| º | masculine ordinal indicator | º | º |
| » | angle quotation mark (right) | » | » |
| ¼ | fraction 1/4 | ¼ | ¼ |
| ½ | fraction 1/2 | ½ | ½ |
| ¾ | fraction 3/4 | ¾ | ¾ |
| ¿ | inverted question mark | ¿ | ¿ |
| × | 乘法 | × | × |
| ÷ | division | ÷ | ÷ |
ISO 8859-1字符实体
| 结果 | 描述 | 实体名称 | 数字代码 |
|---|---|---|---|
| À | capital a, grave accent | À | À |
| Á | capital a, acute accent | Á | Á |
| Â | capital a, circumflex accent | Â | Â |
| Ã | capital a, tilde | Ã | Ã |
| Ä | capital a, umlaut mark | Ä | Ä |
| Å | capital a, ring | Å | Å |
| Æ | capital ae | Æ | Æ |
| Ç | capital c, cedilla | Ç | Ç |
| È | capital e, grave accent | È | È |
| É | capital e, acute accent | É | É |
| Ê | capital e, circumflex accent | Ê | Ê |
| Ë | capital e, umlaut mark | Ë | Ë |
| Ì | capital i, grave accent | Ì | Ì |
| Í | capital i, acute accent | Í | Í |
| Î | capital i, circumflex accent | Î | Î |
| Ï | 资本i，umlaut mark | Ï | Ï |
| Ð | capital eth, Icelandic | Ð | Ð |
| Ñ | capital n, tilde | Ñ | Ñ |
| Ò | capital o, grave accent | Ò | Ò |
| Ó | capital o, acute accent | Ó | Ó |
| Ô | capital o, circumflex accent | Ô | Ô |
| Õ | capital o, tilde | Õ | Õ |
| Ö | capital o, umlaut mark | Ö | Ö |
| Ø | capital o, slash | Ø | Ø |
| Ù | capital u, grave accent | Ù | Ù |
| Ú | capital u, grave accent | Ú | Ú |
| Û | capital u, circumflex accent | Û | Û |
| Ü | capital u, umlaut mark | Ü | Ü |
| Ý | capital y, acute accent | Ý | Ý |
| Þ | capital THORN, Icelandic | Þ | Þ |
| ß | small sharp s, German | ß | ß |
| à | small a, grave accent | à | à |
| á | small a, acute accent | á | á |
| â | small a, circumflex accent | â | â |
| ã | small a, tilde | ã | ã |
| ä | small a, umlaut mark | ä | ä |
| å | small a, ring | å | å |
| æ | 小ae | æ | æ |
| ç | small c, cedilla | ç | ç |
| è | small e, grave accent | è | è |
| é | small e, acute accent | é | é |
| ê | small e, circumflex accent | ê | ê |
| ë | small e, umlaut mark | ë | ë |
| ì | small i, grave accent | ì | ì |
| í | small i, acute accent | í | í |
| î | small i, circumflex accent | î | î |
| ï | small i, umlaut mark | ï | ï |
| ð | small eth, Icelandic | ð | ð |
| ñ | small n, tilde | ñ | ñ |
| ò | small o, grave accent | ò | ò |
| ó | small o, acute accent | ó | ó |
| ô | small o, circumflex accent | ô | ô |
| õ | small o, tilde | õ | õ |
| ö | small o, umlaut mark | ö | ö |
| ø | small o, slash | ø | ø |
| ù | small u, grave accent | ù | ù |
| ú | small u, acute accent | ú | ú |
| û | small u, circumflex accent | û | û |
| ü | small u, umlaut mark | ü | ü |
| ý | small y, acute accent | ý | ý |
| þ | small thorn, Icelandic | þ | þ |
| ÿ | small y, umlaut mark | ÿ | ÿ |
HTML浏览器支持的其他实体
| 结果 | 描述 | 实体名称 | 数字代码 |
|---|---|---|---|
| Π| capital ligature OE | Π| Π|
| œ | small ligature oe | œ | œ |
| Š | capital S with caron | Š | Š |
| š | small S with caron | š | š |
| Ÿ | capital Y with diaeres | Ÿ | Ÿ |
| ˆ | modifier letter circumflex accent | ˆ | ˆ |
| ˜ | 小波浪 | ˜ | ˜ |
| en space |   | ||
| em space |   | ||
| thin space |   | ||
| | 零宽度非连接器 | ‌ | |
| | zero width joiner | ‍ | |
| | 从左到右的标记 | ‎ | |
| | 从右到左的标记 | ‏ | |
| – | en dash | – | – |
| — | em dash | — | — |
| ‘ | left single quotation mark | ‘ | ‘ |
| ’ | right single quotation mark | ’ | ’ |
| ‚ | single low-9 quotation mark | ‚ | ‚ |
| “ | left double quotation mark | “ | “ |
| ” | right double quotation mark | ” | ” |
| „ | double low-9 quotation mark | „ | „ |
| † | dagger | † | † |
| ‡ | Double dagger | ‡ | ‡ |
| … | horizontal ellipsis | … | … |
| ‰ | per mille | ‰ | ‰ |
| ‹ | single left-pointing angle quotation | ‹ | ‹ |
| › | single right-pointing angle quotation | › | › |
| € | euro | € | € |