HTML 颜色名称
所有工具
免费
在精美的色块网格中浏览全部 140 种标准 CSS/HTML 命名颜色——按名称或十六进制搜索，按颜色系列筛选，并一键复制任意颜色的 hex、rgb() 或 hsl() 值。在浏览器中运行，免费。
全部 140 种标准 CSS/HTML 命名颜色，附其 hex、RGB 和 HSL 值。一切都在您的浏览器中从内置参考运行——不会向服务器发送任何内容。
没有颜色匹配您的搜索。
请尝试其他名称或十六进制——例如 RebeccaPurple、#00FF00 或 teal。
关于 HTML 颜色名称
本参考展示了全部 140 种标准 CSS/HTML 命名颜色——浏览器能识别的完整列表，从 AliceBlue 到 YellowGreen——以响应式色块网格形式呈现。每个色块都显示颜色本身及其名称和十六进制值，点击后可打开其十六进制、rgb() 和 hsl() 形式，均可一键复制。
你可以按名称或十六进制值搜索——Tomato 和 #FF6347 会查到同一个色块——也可以按色系筛选：红色系、粉色系、橙色系、黄色系、棕色系、绿色系、青色系、蓝色系、紫色系、白色系以及灰黑色系。当你大致知道想要的色相时，色系视图是筛选候选颜色最快的方式。
命名颜色对原型设计、代码示例、SVG 填充和教学都很方便，因为像 RebeccaPurple 这样的名称比十六进制三元组更能传达意图。RGB 和 HSL 值都是浏览器根据每种颜色的十六进制值实时推算出来的，你搜索的内容不会被发送到服务器。
如何使用 HTML 颜色名称
- 按颜色名称或十六进制值搜索——例如 Tomato、teal 或 #00FF00。
- 按色系筛选——红色系、蓝色系、灰色系等——将颜色缩小到某一色相范围。
- 点击某个色块，即可立即复制其十六进制值。
- 打开色块弹出层，改为复制其 rgb() 或 hsl() 形式。
常见问题
现代 CSS 中有 140 种标准命名颜色，是在最初的 16 种 HTML 颜色基础上，扩展了源自 X11 的更大颜色列表。当前所有浏览器都支持这些颜色，可用于任何接受颜色值的属性。
不区分。tomato、Tomato 和 TOMATO 在 CSS 和 HTML 中都是有效且等价的。此处展示的驼峰式写法只是一种便于阅读多单词名称（如 LightGoldenrodYellow）的惯例写法。
名称非常适合用于示例、原型和一次性点缀色；生产环境的调色板通常存放在自定义属性中，使用十六进制、rgb() 或 hsl() 值，因为设计系统的颜色很少与某个命名颜色完全一致。从功能上讲，名称和其十六进制值是可以互换的。
CSS 同时收录了这两种拼写形式——gray/grey、darkgray/darkgrey 等——并将每一对拼写映射到相同的值，因此两种写法都不算错。
是的。全部 140 个色块、搜索功能、色系筛选以及十六进制/rgb()/hsl() 复制功能都是免费的，且完全在你的浏览器中运行。
需要帮助？
使用此工具时遇到问题？请告诉我们的团队。