颜色名称查找器 — 从HEX/RGB查找最接近的CSS颜色名
在线从HEX或RGB值查找最接近的CSS命名颜色。浏览148种标准色卡，支持颜色名称搜索。颜色匹配器完全在浏览器本地运行，无需上传。
功能特性
- ✓输入HEX或RGB值，自动找到最接近的CSS命名颜色并显示相似度百分比
- ✓浏览140+种CSS标准命名颜色，每种都配有色块预览和十六进制代码
- ✓按名称关键字搜索颜色，快速定位你需要的颜色
- ✓实时更新匹配结果，输入即查，无需点击任何按钮
- ✓查看按颜色距离排名前8的最接近颜色，方便对比选择
- ✓同时展示输入色和匹配色的色块对比，直观确认匹配效果
- ✓查看完整的颜色信息：HEX、RGB和HSL值
- ✓在浏览模式点击任意颜色名称，自动切换到查找模式并设为输入色
- ✓所有处理在浏览器本地完成，不上传任何颜色数据到服务器
- ✓支持简写(#FFF)和完整(#FFFFFF)两种十六进制格式
- ✓一键复制颜色的HEX、RGB或HSL值，方便在设计工具和代码中使用
- ✓干净的双标签界面：查找模式用于匹配，浏览模式用于探索所有颜色
使用方法
- 1在输入框中输入十六进制颜色代码如#FF5733，或RGB值如rgb(255, 87, 51)，系统会自动匹配最接近的命名颜色
- 2点击输入框旁边的色块，使用系统颜色选择器直观选取颜色
- 3查看匹配颜色的名称和相似度百分比，了解匹配的准确程度
- 4对比输入色预览和匹配色色块，目视确认颜色是否接近
- 5浏览「最接近的匹配」列表，查看其他相近颜色的排名
- 6切换到浏览标签，在搜索框中输入颜色名称关键字过滤颜色列表
- 7在浏览模式点击任意颜色，自动跳回查找模式并将该颜色设为输入色
- 8一键复制颜色的HEX、RGB、HSL值，粘贴到CSS、设计工具或代码中
常见问题
颜色匹配的准确度如何？
∨
系统使用RGB颜色空间中的欧几里得距离算法，在148种CSS命名颜色中查找最接近的匹配，并以0-100%的相似度百分比显示匹配程度。日常颜色识别需求完全够用。
包含多少种命名颜色？
∨
包含CSS颜色模块第4级规范中定义的全部148种标准CSS命名颜色，从Red、Blue等基本色到MediumSlateBlue、PaleGoldenrod等特定色号全覆盖。
支持哪些输入格式？
∨
支持十六进制代码（#FF5733或简写#F53）和RGB值（rgb(255, 87, 51)），也可以使用内置颜色选择器直观选取颜色，选取后输入框自动更新。
可以按颜色名称搜索吗？
∨
可以。切换到浏览标签，在搜索框中输入颜色名称关键字即可过滤颜色列表。例如输入「蓝」会显示所有包含「蓝」的命名颜色，从浅蓝到午夜蓝。
为什么我输入的颜色找不到完全匹配？
∨
并非所有颜色都有对应的CSS命名颜色。系统从148种命名颜色中查找最接近的匹配。如果你需要精确指定颜色，可以直接使用HEX或RGB值——输入色预览始终显示你的精确颜色。
匹配的颜色名称可以直接用于CSS吗？
∨
可以。全部148种CSS命名颜色都是CSS标准中有效的颜色值，匹配到的名称可以直接在样式表中使用。浏览标签中展示了每个颜色的准确名称和十六进制值。
我的颜色数据会上传到服务器吗？
∨
不会。所有处理都在你的浏览器本地完成，颜色匹配算法和颜色名称数据库都在你的设备上运行，没有任何数据上传或分享。
使用了什么颜色距离算法？
∨
使用RGB颜色空间的欧几里得距离算法。距离通过计算红、绿、蓝分量差值的平方和的平方根得出，结果归一化为相似度百分比。
设计师一般怎么用这个工具？
∨
设计师常用它来为品牌色板命名以便编写设计文档，查找设计稿中使用的颜色的CSS等效名称，或发现视觉特征相似的替代色。
这个工具和颜色选择器有什么区别？
∨
颜色选择器让你选取颜色并获取HEX/RGB值。本工具更进一步，告诉你这个颜色在CSS中叫什么名字，方便你和团队成员讨论和记录颜色。
可以获取颜色的HSL值吗？
∨
可以。工具会同时展示输入色和匹配色的HEX、RGB和HSL值。HSL值有助于理解颜色的色相、饱和度和明度特征。