颜色名称查询
输入颜色值查询对应的名称（如红色、天蓝），或输入名称查询对应的 HEX 色值，包含 140+ 种常用色。
颜色名称查询
颜色名称查询工具使用指南
📌 简介
颜色名称查询工具是一款面向设计师和前端开发者的在线工具，收录了 140+ 种常用颜色（包括 CSS 标准颜色），可以双向查询：输入 HEX 色值查找对应的中英文名称，或输入颜色名称查找对应的色值。工具还提供相近颜色推荐，帮您找到最匹配的命名。所有数据内置于前端，查询完全在本地完成。
📖 颜色命名的意义
在开发中，使用颜色名称比直接用 HEX 值更易读、易记、易沟通。例如 background: tomato 比 background: #FF6347 直观得多。CSS 定义了 140 多种命名颜色，覆盖了常用色系。虽然现代设计要求精确的色值，但在原型设计、Demo 制作、快速开发等场景中，命名颜色依然很有价值。本工具也支持近似色查询，帮助您为任意色值找到最合适的名字。
💼 常见应用场景
- CSS 开发： 查找颜色对应的名称，让代码更可读。
- 设计沟通： 用颜色名称代替色值，方便口头沟通。
- 颜色命名： 为自定义颜色找到最接近的标准名称。
- 色板管理： 建立品牌色板时参考标准颜色库。
- 学习参考： 学习 140 种 CSS 标准颜色的名称和色值。
⚙️ 使用步骤
- 在取色器选择颜色，或输入 HEX 色值，自动查找相近的颜色名称。
- 或在名称输入框中输入颜色名称（中文或英文），查找匹配的颜色。
- 点击下方色板中任意颜色，查看详情。
- 点击相近颜色卡片，可跳转到对应色值的查询。
⚠️ 注意事项
- 本工具的命名以 CSS 标准颜色为主，其他命名系统的颜色名可能不在其中。
- 颜色距离使用 RGB 欧几里得距离计算，可能与视觉感知略有差异。
- 同名不同色值的颜色（如 gray/grey 拼写差异）都已包含。
❓ 常见问题 (FAQ)
Q: CSS 支持多少种命名颜色？
A: CSS Color Module Level 4 定义了 148 种命名颜色，包括基本色（red, blue）、扩展色（crimson, tomato）和灰色系（gainsboro, dimgray）。本工具收录了其中常用的一部分。
Q: 为什么我的色值没有精确匹配的名称？
A: 因为标准颜色库是有限的，任意色值通常不会有精确匹配的名称。本工具会返回最接近的几个颜色供参考。
Q: 数据会上传吗？
A: 不会。所有颜色数据内置在页面中，查询完全在浏览器本地完成。