HTML - 颜色名称


下表显示了 HTML 3.2 中引入的 16 种颜色名称 -

颜色名称 十六进制值 颜色 展示
阿夸 #00ffff 演示
黑色的 #000000 演示
蓝色的 #0000ff 演示
紫红色 #ff00ff 演示
绿色的 #008000 演示
灰色的 #808080 演示
酸橙 #00ff00 演示
栗色 #800000 演示
海军 #000080 演示
橄榄 #808000 演示
紫色的 #800080 演示
红色的 #ff0000 演示
#c0c0c0 演示
青色 #008080 演示
白色的 #ffffff 演示
黄色的 #ffff00 演示

还有其他颜色不属于 HTML 或 XHTML,但大多数主要浏览器版本都支持它们。

颜色名称 十六进制值 颜色 展示
爱丽丝蓝 #f0f8ff 演示
古董白 #faebd7 演示
蓝晶 #7fffd4 演示
天蓝色的 #f0ffff 演示
浅褐色的 #f5f5dc 演示
浓汤 #ffe4c4 演示
白杏仁 #ffebcd 演示
紫罗兰色 #8a2be2 演示
棕色的 #a52a2a 演示
伯利伍德 #deb887 演示
学员蓝 #5f9ea0 演示
黄绿色 #7fff00 演示
巧克力 #d2691e 演示
珊瑚 #ff7f50 演示
矢车菊蓝色 #6495ed 演示
玉米丝 #fff8dc 演示
赤红 #dc143c 演示
青色 #00ffff 演示
深蓝 #00008b 演示
深青色 #008b8b 演示
暗金菊 #b8860b 演示
深灰色 #a9a9a9 演示
深绿色 #006400 演示
深卡其色 #bdb76b 演示
深洋红色 #8b008b 演示
深橄榄绿 #556b2f 演示
深橙色 #ff8c00 演示
暗兰花 #9932cc 演示
深红 #8b0000 演示
黑鲑鱼 #e9967a 演示
深海绿 #8fbc8f 演示
深石板蓝 #483d8b 演示
深石板灰色 #2f4f4f 演示
深绿松石色 #00ced1 演示
深紫色 #9400d3 演示
深粉色 #ff1493 演示
深天蓝 #00bfff 演示
暗灰色 #696969 演示
道奇蓝 #1e90ff 演示
耐火砖 #b22222 演示
花白色 #fffaf0 演示
森林绿 #228b22 演示
盖恩斯伯勒 #dcdcdc 演示
鬼白 #f8f8ff 演示
金子 #ffd700 演示
一枝黄花 #daa520 演示
灰色的 #808080 演示
黄绿色 #adff2f 演示
甘露 #f0fff0 演示
亮粉色 #ff69b4 演示
印度红 #cd5c5c 演示
靛青 #4b0082 演示
象牙 #fffff0 演示
卡其色 #f0e68c 演示
薰衣草 #e6e6fa 演示
薰衣草腮红 #fff0f5 演示
草坪绿 #7cfc00 演示
柠檬雪纺 #fffacd 演示
浅蓝色 #add8e6 演示
浅珊瑚色 #f08080 演示
浅青色 #e0ffff 演示
浅金黄色 #fafad2 演示
浅绿色 #90ee90 演示
浅灰色 #d3d3d3 演示
浅粉色 #ffb6c1 演示
淡鲑鱼 #ffa07a 演示
浅海绿 #20b2aa 演示
浅天蓝色 #87cefa 演示
浅灰色 #778899 演示
轻钢蓝色 #b0c4de 演示
浅黄色 #ffffe0 演示
柠檬绿 #32cd32 演示
亚麻布 #faf0e6 演示
品红 #ff00ff 演示
中蓝色 #0000cd 演示
中兰花 #ba55d3 演示
中紫色 #9370分贝 演示
午夜蓝 #191970 演示
迷雾玫瑰 #ffe4e1 演示
莫卡辛 #ffe4b5 演示
旧花边 #fdf5e6 演示
橙子 #ffa500 演示
兰花 #da70d6 演示
桃子泡芙 #ffdab9 演示
秘鲁 #cd853f 演示
粉色的 #ffc0cb 演示
李子 #dda0dd 演示
紫色的 #800080 演示
玫瑰棕色 #bc8f8f 演示
宝蓝色 #4169e1 演示
三文鱼 #fa8072 演示
沙棕色 #f4a460 演示
海绿色 #2e8b57 演示
赭色 #a0522d 演示
天蓝色 #87ceeb 演示
石板蓝 #6a5acd 演示
钢蓝色 #4682b4 演示
晒黑 #d2b48c 演示
#d8bfd8 演示
番茄 #ff6347 演示
紫色 #ee82ee 演示
小麦 #f5deb3 演示
白色的烟 #f5f5f5 演示
黄色的 #ffff00 演示
黄绿色 #9acd32 演示

HTML 实体

有些字符是 HTML 中保留的,它们在 HTML 文档中使用时具有特殊含义。例如,您不能在 HTML 文本中使用大于号、小于号或尖括号,因为浏览器会以不同方式对待它们,并尝试绘制与 HTML 标记相关的含义。

HTML 处理器必须支持下表中列出的五个特殊字符。

象征 描述 实体名称 号码代码
引号 "
' 撇号  '
& 与号 & &
< 少于 < <
> 比...更棒 > >

例子

如果您想将 <div id = "character"> 编写为代码,那么您必须编写如下 -

<!DOCTYPE html>
<html>

   <head>
      <title>HTML Entities</title>
   </head>

   <body>
      &lt;div id = &quot;character&quot;&gt;
   </body>

</html>

这将产生以下结果 -

HTML 4.0 中还有一长串特殊字符。为了使这些出现在您的文档中,您可以使用数字代码或实体名称。例如,要插入版权符号,您可以使用以下任一方法 -

&copy; 2007
or
&#169; 2007

ISO 8859-1 符号实体

结果 描述 实体名称 号码代码
  不间断空格    
¡ 倒感叹号 &i排除; ¡
¤ 货币 &当前; ¤
%; ¢
英镑 &磅; £
¥ 日元 &日元; ¥
δ 垂直条断裂 ¦ ¦
§ 部分 &教派; §
¡ 间隔分音 ¨ ¨
© 版权 &复制; ©
ª 阴性序数指示符 ª ª
« 角引号(左) &laquo; «
Ø 否定 &不是; ¬
­ 软连字符 &害羞的; ­
® 注册商标 ® ®
商标 &贸易;
间距宏 ¯ ¯
° 程度 ° °
± 加或减  + ±
² 上标2 ² ²
立方 上标3 ³ ³
´ 间距锐角 &急性; ´
µ &微; µ
段落
· 中间的点 · ·
¸ 间隔变音号 &cetil; ¸
^ 上标1 ¹ ¹
阳性序数指示符 º º
» 角引号(右) »
1/4 分数 1/4 &frac14; ¼
½ 分数 1/2 &frac12; ½
3/4 分数 3/4 ➡️ ¾
¿ 倒问号 ¿ ¿
× 乘法 × ×
÷ 分配 &划分; ÷

ISO 8859-1 字符实体

结果 描述 实体名称 号码代码
A 大写 a,重音 ❗️ À
A 大写字母a,尖锐的口音 &Aacute; Á
A 大写 a,抑扬音 &Acirc; Â
A 大写字母 a、波形符 阿蒂尔德; Ã
A 大写 a,变音符号 Ä Ä
A 大写a,环 &戒指; Å
Æ 资本AE Æ
C 大写 c,变音符 塞迪尔; Ç
È 大写 e,重音 È
大写 e,尖锐口音 É
Ê 大写 e,抑扬音 &Ecirc; Ê
Ë 大写 e,变音符号 Ë Ë
大写 i,重音 Ì Ì
大写字母 i,尖锐的口音 &Iacute; Í
大写字母 i,抑扬音 Î Î
大写 i,元音变音标记 Ï
Ð 首都eth,冰岛语 Ð Ð
Ñ 大写 n,波形符 &Ntilde; Ñ
Ò 大写 o,重音 Ò
Ó 大写 o,尖锐口音 ➡️ Ó
Ô 大写 o,抑扬音 &Ocirc; Ô
Õ 大写字母 o,波形符 &Otilde; Õ
大写 o,元音变音标记 Ö Ö
Ø 大写 o、斜杠 Ø Ø
Ù 大写字母u,重音 Ø Ù
大写字母u,尖锐的口音 ➡️ Ú
Û 大写 u,抑扬音 &Ucirc; Û
ü 大写 u,元音变音标记 &Uuml; Ü
Ý 大写 y,重音 &Yacute; Ý
Þ 首都 THORN,冰岛语 &刺; Þ
β 小升号 s,德语 ß ß
A 小 a,重音 à à
A 小a,尖锐的口音 à á
A 小 a,抑扬音符号 â
A 小 a,波形符 ã ã
A 小 a,变音符号 à ä
A 小a,环 &戒指; å
小AE æ
C 小写 c,变音符 ç ç
è 小 e,重音 Ø è
小写的 e,尖锐的口音 é
小 e,扬抑符 ê
小写 e,元音变音标记 Ë ë
小 i,重音 ì
小i,尖锐的口音 ➡️ í
小 i,抑扬音 î î
小 i,元音变音标记 ï
ð 小eth,冰岛语 ð ð
ñ 小号 n,波形符 &ntilde; ñ
ò 小 o,重音 Ø ò
Ø 小写 o,尖锐口音 ó
小 o,扬抑符 Ø ô
小号 o,波形符 Ø õ
ö 小 o,元音变音标记 &ouml; ö
Ø 小 o、斜线 Ø ø
ù 小号 u,重音 ❗️ ù
ú 小u,尖锐的口音 ú
û 小 u,扬抑音 û
ü 小 u,元音变音标记 ?? ü
小 y,尖锐口音 ý
þ 小刺,冰岛语 &刺; þ
ÿ 小 y,变音符号 &yuml; ÿ

HTML 浏览器支持的其他实体

结果 描述 实体名称 号码代码
Œ 大写连字 OE Œ
小结扎 oe œ
大写 S 带抑扬符 &斯卡隆; Š
带卡隆的小 S ➡️; š
Ÿ 大写 Y 带分音符 Ÿ Ÿ
^ 修饰符字母扬抑符 &circ; ˆ
小波形符 ˜ ˜
空间
全空间
狭小的空间
‌‌ 零宽度非连接符
零宽度连接器
从左到右标记
从右到左标记
破折号
破折号
' 左单引号
' 右单引号 &rsquo;
单低9引号
左双引号
右双引号
双低9引号
匕首 &匕首;
双匕首 &匕首;
…… 水平省略号 ……
每千  &perm;
单个左指角度引用
单右角引用
欧元 欧元 &欧元;