颜色工具

颜色名称查询工具

在线查询十六进制颜色代码对应的标准名称与相近调色板名称,支持三位或六位 Hex 颜色值快速匹配。

运行工具

本工具用于查询十六进制颜色代码所对应的颜色名称。输入有效的 Hex 颜色值后,系统会在内置调色板中检索并匹配颜色。若该颜色刚好存在于调色板中,工具会显示其精确名称;若无完全一致的记录,则会根据 RGB 空间中的直线距离算法,自动计算并匹配出最接近的调色板颜色名称。工具支持六位(如 #3498db)以及三位简写(如 #fff)十六进制格式,输入时若未包含前缀井号,系统会自动补齐。如果不输入任何参数,默认采用预设颜色 #3498db 进行匹配。此外,结果中还会基于通道数值提供保留一位小数的距离参考数值,方便设计师与前端开发者在设计选色、代码标记和调色排查中准确核对颜色信息。

使用说明

  1. 在颜色输入框中输入十六进制颜色代码(例如 #3498db 或 3498db),也可以直接使用默认值。
  2. 如果使用三位简写格式(如 f00),系统会自动扩展为六位格式。
  3. 点击运行按钮,系统将立即在内置调色板中检索匹配项。
  4. 在下方结果面板中查看精确名称(如有)以及计算得出的最接近颜色名称与距离数值。

示例

  • 输入六位代码 #e74c3c,查询结果显示该颜色在内置调色板中的精确名称或最相近名称。
  • 输入三位代码 0f0,系统自动补全为 #00ff00 并匹配出绿色调色板名称及相应距离数值。

常见问题

如果不输入 # 号,工具能正常识别颜色吗?

可以。对于输入的纯文本字符串,如果开头没有 # 号,系统会自动添加前缀并进行解析。

支持 RGB 或 HSL 格式的颜色输入吗?

当前仅支持十六进制(Hex)格式的颜色文本输入,暂不支持以 RGB 或 HSL 形式直接输入。

最接近名称是如何计算出来的?

当颜色在内置调色板中没有完全相同的条目时,系统会计算输入颜色的 RGB 数值与调色板各颜色之间的直线几何距离,并选取距离最小的颜色名称作为推荐。

不填写任何颜色直接运行会发生什么?

颜色字段为可选设置,如果不填写任何内容,工具会自动采用默认的颜色值 #3498db 进行查询。

嵌入此工具

使用以下代码,将这个可直接使用的 SmartPlusLab 工具添加到您的网站。