网页颜色名称有哪些？一份最常用的HTML预定义颜色列表

HTML预定义颜色名称包括基础色如black、white、red、green、blue、yellow、cyan、magenta，灰度色如gray、darkgray、lightgray、silver，以及扩展色如orange、purple、pink、brown、lime、navy、olive、teal、maroon、aqua、fuchsia，可直接用于CSS中提升开发效率。

在HTML和CSS中，颜色可以通过名称、十六进制值、RGB或HSL等方式指定。使用颜色名称是最直观的方式之一。浏览器支持一系列预定义的颜色名称，以下是最常用且被广泛支持的HTML预定义颜色名称列表，适用于网页设计和开发。

基础颜色（Basic Colors）

这些是最常见、最容易识别的颜色名称，适用于快速原型或基础样式设置：

• black - 纯黑色
• white - 纯白色
• red">red - 红色
• green - 绿色（注意：纯绿在屏幕上偏亮）
• blue - 蓝色
• yellow - 黄色
• cyan - 青色（也称水蓝色）
• magenta - 品红色（洋红）

灰度颜色（Grayscale）

从黑到白之间的灰色调，常用于背景、文字或边框：

• gray - 中灰色
• grey - gray 的英式拼写，效果相同
• darkgray / darkgrey - 深灰色
• lightgray / lightgrey - 浅灰色
• silver">silver - 银色，比浅灰稍亮

扩展颜色（Extended Web Colors）

W3C 标准中定义的更多颜色名称，适合更丰富的界面设计：

NameGPT名称生成器

免费AI公司名称生成器，AI在线生成企业名称，注册公司名称起名大全。

0

查看详情

立即学习“前端免费学习笔记（深入）”；

• orange - 橙色
• purple - 紫色
• pink - 粉色
• brown - 棕色
• lime - 亮绿色（比 green 更鲜艳）
• navy - 海军蓝（深蓝色）
• olive - 橄榄色
• teal - 蓝绿色（深青）
• maroon - 栗色（深红）
• aqua - 与 cyan 相同
• fuchsia - 与 magenta 相同

系统颜色关键词（已过时，不推荐使用）

早期HTML曾支持如 activeborder、buttonface 等系统颜色，但这些已被现代标准弃用，建议使用自定义颜色或CSS变量替代。

基本上就这些。这些预定义颜色名称可以直接在CSS中使用，比如 color: red; 或 background-color: navy;。虽然不如十六进制或HSL灵活，但在简单项目中非常方便。记住它们的拼写和实际显示效果，能提升开发效率。

以上就是网页颜色名称有哪些？一份最常用的HTML预定义颜色列表的详细内容，更多请关注php中文网其它相关文章！