输入颜色即可获得最接近的 CSS 命名颜色，快速找到英文/中文名称并复制 HEX 值，适合文档与设计沟通。
如何使用颜色名称查询工具？
在输入框中输入 HEX 颜色值，工具会列出最接近的命名颜色候选，并展示英文名称、中文名称和对应 HEX 值。点击候选色块即可直接切换到该命名颜色，方便快速比较。你也可以在搜索框中输入英文颜色名进行检索，快速定位标准 CSS 命名色。列表区支持滚动浏览全部命名颜色，适合挑选接近的色相或做调色参考。确定目标颜色后，一键复制 HEX 值即可用于代码、设计稿或说明文档。
为什么使用 CSS 命名颜色？
命名颜色比纯数字更容易记忆和交流，尤其在设计评审和需求讨论中，使用“steelblue”或“tomato”能够更直观表达颜色意图。它们在浏览器中的表现一致，适合快速原型、样式草稿或轻量级页面。对于编写文档或教程，命名颜色能提升可读性，也方便非技术成员理解。通过本工具，你可以把任意颜色快速映射到最接近的命名颜色，从而在表达上更统一。
功能亮点
- 内置 140+ 标准 CSS/HTML 命名颜色。
- 输入颜色即可获得最近匹配候选。
- 英文与中文名称同时展示。
- 支持搜索与快速复制 HEX。
- 适合代码注释、文档与设计沟通。
- 本地计算不上传，保护隐私。
使用命名颜色的建议
命名颜色属于离散集合，匹配结果是近似值。若是品牌色或产品主色，仍建议保留原始 HEX 作为准确来源，命名颜色可用于描述或示意。对比候选列表时，尽量在实际背景中测试，以避免亮度或饱和度的细微差异影响视觉感受。编写 CSS 时可以用命名颜色做临时占位，最终再替换为精确的颜色变量。对于需要统一色彩系统的项目，建议以设计令牌为主，命名颜色作为辅助参考。
FAQ
Q: CSS 命名颜色一共有多少种？
A: 标准 CSS/HTML 命名颜色共有 140 种，主流浏览器均支持。
Q: 最近匹配是否一定准确？
A: 匹配结果是近似值，适合说明和沟通。品牌色或精确色值仍建议使用原始 HEX。
Q: 命名颜色在浏览器中一致吗？
A: 一致。CSS 命名颜色是标准定义，现代浏览器显示结果一致。