颜色名字查询

颜色名字查询支持双向查找：把十六进制色值反查成中文与英文颜色名，或反过来按名字查出色值。内置十六种常见命名色，找不到时给出最接近的命名色与 RGB 距离，全程在浏览器本地计算，不上传任何数据。

查询口径：色值查名字时先做精确匹配，命不中再按 RGB 欧氏距离挑最接近的命名色；名字查色值时按中英文名称包含关系模糊匹配。演示值 #FF6347 精确命中番茄红。

使用方法

颜色名字查询是「选方向、填内容、点查询」三步：

  1. 「查询方向」选「色值查名字」或「名字查色值」；默认色值查名字。
  2. 「颜色值或名字」填十六进制（如 #FF6347）或颜色名（如 Tomato）；也可直接点「取色器」选色，会自动回填到输入框。
  3. 点「查询」，结果进下方文本框；觉得不准按「载入示例」还原演示。名字查色值可能一次返回多个候选。

颜色名字查询能解决什么

它把「看不出名字的颜色」变成可读的标签，适合三类场景：

  • 设计沟通：前端拿到设计稿里的 #FF6347，用它反查成「番茄红 Tomato」，和需求方说颜色时不用念一长串十六进制。
  • 代码命名与注释：写样式时想给变量起个语义名，先查这个色接近哪个命名色，比凭感觉取名靠谱。
  • 反向取色：记得某个颜色叫「薄荷」却忘了色值，用名字查色值直接拿到 #98FB98，省去翻色卡。

本页不做的事：不收录全部上千种命名色（只内置十六种常见色）；不处理带透明度的 RGBA；不做色彩空间精确感知匹配。它是快速对照工具，正式配色请以设计系统为准。

原理和变量

① 用了哪个具体函数：先把十六进制拆成 RGB 三个 0～255 分量，用位运算 (n>>16)&255、(n>>8)&255、n&255 取出；再与词库里每个命名色的 RGB 算距离。

② 关键参数为什么这样取：用欧氏距离的平方（各通道差的平方和）衡量接近程度，而非简单的逐一比对，这样整体色差最小的命名色胜出，避免单通道偏差误导。

③ 遵循哪个标准：十六进制与 RGB 的换算遵循 Web 颜色通用约定（sRGB 的十六进制表示），命名色取自 CSS 常见颜色名（X11/CSS 子集），不引入私有标准。

④ 输入怎么变成输出：演示 #FF6347 → 红 255、绿 99、蓝 71；先精确匹配词库，恰好命中「番茄红 Tomato #FF6347」，直接返回，距离记为精确命中，不找最近邻。

⑤ 边界与阈值：色值必须形如六位十六进制（# 可省），三位缩写也支持；格式错会提示具体改法。名字查色值时不限大小写、支持中文或英文片段；找不到会列出建议词。

⑥ 常见误用的正确解释：最近邻结果只是「最接近的命名色」，不代表语义完全等同，比如深红系里珊瑚和番茄红很近；色值带透明度（#RRGGBBAA）本页会忽略 Alpha，只看 RGB；大小写不影响匹配。

完整示例（结果仅作演示）

保持演示值：方向为色值查名字、输入 #FF6347。

  • 解析：红 = 255，绿 = 99，蓝 = 71，即 RGB(255, 99, 71)。
  • 精确匹配：词库中存在 #FF6347，命中「番茄红 (Tomato)」。
  • 输出：番茄红 (Tomato) ｜ #FF6347 ｜ RGB(255, 99, 71)。
  • 反向示例：输入名字「薄荷」→ 返回 薄荷 (Mint) ＝ #98FB98。
  • 近似示例：输入 #FF7F50 会精确命中「珊瑚 Coral」，因为它就在词库里。

这组结果与上方默认文本框、对照表第 13 行完全一致，可三处核对。

输入范围与对照表

下面列出内置的十六种常见命名色（中文名、英文名、十六进制与 RGB），前 12 行默认展示，后 4 行点「加载更多」展开：

内置命名色对照表（sRGB 十六进制）
颜色名英文名十六进制RGB
红色Red#FF0000255, 0, 0
绿色Green#0080000, 128, 0
蓝色Blue#0000FF0, 0, 255
白色White#FFFFFF255, 255, 255
黑色Black#0000000, 0, 0
黄色Yellow#FFFF00255, 255, 0
橙色Orange#FFA500255, 165, 0
粉色Pink#FFC0CB255, 192, 203
紫色Purple#800080128, 0, 128
灰色Gray#808080128, 128, 128
海军蓝Navy#0000800, 0, 128
青绿Teal#0080800, 128, 128

这十六种是 CSS 常见命名色的子集；真实 Web 命名色更多，未收录的颜色会走最近邻匹配返回最接近的命名色。

结果边界和舍入

输出性质：结果是一行可读文本（名字、十六进制大写、RGB），或名字查色值时的多行候选；RGB 为整数，不做四舍五入（本来就是 0～255 整数）。

什么时候会提示：色值格式不对（不是六位十六进制）、输入框为空、名字查不到时，都会给具体中文提示，不会静默归零。

最近邻的误差：当输入的色值不在词库里，返回的是「最接近的命名色」而非精确名，距离越大说明偏差越明显；若需要精确名称，请换更全的色名字典。

结果用途：这是辅助对照结果，用于沟通与命名，不等同于专业色彩管理或印刷色准。

常见问题

为什么有的颜色查不到名字？

本页只内置十六种常见命名色。查不到时不会报错，而是返回 RGB 距离最近的那个命名色，并在结果里标注「最接近的命名色」，方便你判断接近程度。

三位缩写色值能用吗？

能。例如 #F00 会自动展开成 #FF0000 再匹配；但三位缩写精度只有每通道 17 的步进，匹配到的命名色可能不如六位精确。

大小写影响结果吗？

不影响。十六进制和英文名字都不区分大小写，#ff6347 与 #FF6347 视作相同。

带透明度的色值怎么处理？

本页只看 RGB 部分，#RRGGBBAA 里的 Alpha 通道会被忽略；若你关心透明度，请单独记录 AA 部分。

名字查色值能查中文吗？

能。输入「红」「蓝」「薄荷」等中文或英文片段都能模糊匹配，命中多个会全部列出，你再挑最合适的一个。

最近邻的「距离」是什么单位？

是 RGB 三通道差的平方和（欧氏距离平方），没有单位，数值越小越接近；它只是相对排序用，不代表人眼感知差。

取色器选的颜色准吗？

取色器返回标准 #RRGGBB，和输入框手动填等价；它来自浏览器原生控件，颜色本身准确，只是本页匹配到的名字取决于内置词库。

我的输入会被上传吗？

不会。全部匹配在浏览器内完成，刷新即清空，点「查询」时没有任何网络请求发出。

相关工具