指南

如何按名称或十六进制值查找命名颜色

输入颜色名称片段或六位十六进制值即可查找命名颜色;没有直接匹配时,有效的六位十六进制查询还可返回一个按 RGB 通道距离选出的最接近颜色。

工具 CSS 颜色名称查询工具

概览:按名称或十六进制值查找颜色

这个工具用于在内置的命名颜色集合中查找颜色。你可以输入颜色名称的一部分,也可以输入生成的十六进制颜色值;如果有效的六位十六进制查询没有直接匹配,还能获得一个最接近的命名颜色。它适合在整理颜色名称、核对颜色值或从一个十六进制值寻找相近名称时使用。

操作步骤:输入、匹配并查看结果

  1. 在搜索输入框中填写查询内容。输入可以留空,也可以输入颜色名称文字或十六进制值,例如 navy#336699336699
  2. 提交查询前,先检查输入是否包含多余的首尾空格。工具会把输入转换为小写并移除首尾空格,因此大小写不会改变匹配方式。
  3. 查询颜色名称时,可以输入名称中的一段文字。非空查询会在颜色名称中查找这段文字,也会检查它是否与某个颜色生成的小写六位十六进制表示完全一致。
  4. 如果不填写查询,工具不会进行名称或十六进制筛选,并按颜色名称的字母顺序处理集合。
  5. 查看返回的匹配项。每个匹配颜色包含名称、带 # 前缀的小写六位十六进制值,以及三个整数 RGB 通道值。
  6. 如果非空查询没有直接匹配,工具会去掉查询开头可选的 #。只有剩余内容由六个有效十六进制字符组成时,才会根据 RGB 通道距离选择一个最接近的颜色。其他没有匹配的输入不会添加这项结果。

如何理解结果与边界

结果中的名称表示集合里找到的命名颜色,十六进制值和 RGB 数字可用于进一步核对或记录。名称片段匹配与生成的十六进制值匹配属于直接匹配;若查询是有效的六位十六进制值但没有直接结果,最接近颜色是按 RGB 通道距离选出的近似结果,不代表查询值本身就是该命名颜色。

例如,你输入 #336699 并提交。若没有颜色名称或生成的十六进制值直接匹配,且去掉 # 后仍是六个有效十六进制字符,结果会提供一个最接近的命名颜色,并同时展示该颜色的名称、小写六位十六进制值和三个整数 RGB 通道值。若输入 blue,则应重点查看名称中包含该文字的直接匹配;若输入 33 6699,则不会触发六位十六进制的最接近颜色处理。

使用示例

你想为十六进制颜色 #336699 找到一个可读的命名颜色,并输入该值进行查询。

输入 #336699 并提交,随后检查是否存在直接匹配;若没有,确认去掉 # 后的内容由六个有效十六进制字符组成,再查看最接近颜色结果。

结果包含一个命名颜色条目,其中有颜色名称、小写六位十六进制值(带 # 前缀)和三个整数 RGB 通道值;若属于无直接匹配的有效十六进制查询,还会标明一个最接近的命名颜色。

使用限制

  • 不符合六位有效十六进制格式的无匹配查询不会获得最接近颜色;如果计算过程中出现异常,结果会标记为不成功并包含异常文本。

常见错误

  • 常见问题是把带分隔符的颜色写法当作六位十六进制查询,例如加入空格或其他字符。修正时请使用六个有效十六进制字符,并可在开头保留一个 #;否则没有直接匹配时不会产生最接近颜色结果。

常见问题

可以按颜色名称的一部分搜索吗?

可以。输入会先转换为小写并移除首尾空格,非空文字会用于名称包含匹配,也会检查是否等于生成的小写六位十六进制值。

什么时候会显示最接近的命名颜色?

条件是查询没有直接匹配,且去掉开头可选的 # 后正好包含六个有效十六进制字符。此时才会按 RGB 通道距离选择最接近的命名颜色。

不输入内容会发生什么?

可以留空。空查询不会进行名称或十六进制筛选,集合会按颜色名称的字母顺序处理。

工具

CSS 颜色名称查询工具