运行工具
本工具帮助前端开发者与设计人员快速检索内置的 CSS 命名颜色库。您只需在搜索框中输入颜色英文名称或六位十六进制代码，系统即可自动清理空格并转换为小写进行匹配。若输入完整的颜色名称，工具将直接显示对应的标准十六进制值及 RGB 通道数值。当输入有效的六位十六进制代码但未找到完全匹配项时，算法会基于 RGB 通道距离计算并推荐视觉上最接近的命名颜色。如果输入内容既非有效名称也非合法十六进制格式，则不会触发近似匹配。结果面板清晰展示颜色名称、带井号的十六进制代码以及红绿蓝三原色整数值，方便您直接复制用于样式表开发。作为在线免费工具，它适合快速查阅与调试网页配色方案，无需安装额外软件即可在浏览器中完成查询。
使用说明
- 在搜索框中输入 CSS 颜色名称（如 red）或六位十六进制代码（如 ff0000）。
- 点击运行按钮，系统会自动去除首尾空格并将输入转换为小写。
- 查看结果面板中匹配的颜色名称、十六进制代码及 RGB 数值。
- 若输入为无效十六进制且无名称匹配，检查是否包含非十六进制字符。
- 复制结果中的颜色值应用到您的 CSS 样式文件中。
示例
- 输入“tomato”，结果显示名称 tomato，十六进制值 #ff6347，RGB 值为 255, 99, 71。
- 输入“#ffff00”，若库中存在 exact match 则显示 yellow；若无完全匹配但代码有效，则显示最近似的命名颜色及其差异。
常见问题
支持哪些颜色格式？
工具主要支持 CSS 命名颜色及六位十六进制代码。它不直接解析 HSL 或 RGBA 格式，但会返回匹配颜色的 RGB 整数值。
输入大小写会影响结果吗？
不会。系统在匹配前会自动将输入内容转换为小写并去除多余空格，因此 Red、red 和 RED 的效果相同。
如果输入的十六进制代码没有完全匹配怎么办？
若输入是有效的六位十六进制字符但未找到精确匹配，工具会计算 RGB 距离并推荐一个视觉上最接近的命名颜色。
为什么有时没有显示最近似颜色？
只有当输入内容在去除可选的井号后是有效的六位十六进制字符时，才会触发最近似颜色推荐。否则，若无名称匹配，则不显示额外建议。