颜色名称查找器 在线查询HEX/RGB颜色名输入HEX或RGB颜色值，自动查找最近的CSS颜色名称并显示相似度，附带色板、预览和颜色分类，适合设计和开发配色等场景。
更新于 2026-08-16
相关工具颜色转换器 在线HEX、RGB、HSL、HSV、CMYK互转渐变色生成器 在线CSS线性径向渐变工具对比度检查器 在线WCAG颜色对比度检测favicon图标生成器 在线生成网站图标ICO/PNGHEIC转JPG 在线转换iPhone照片格式工具HEIC转PNG 在线转换iPhone照片为PNG格式功能特性输入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标准中有效的颜色值，匹配到的名称可以直接在样式表中使用。浏览标签中展示了每个颜色的准确名称和十六进制值。能从图片里取色并查找颜色名称吗？不能直接处理图片，工具匹配的是颜色值而不是图片。想命名图片中的颜色，先取色：用浏览器开发者工具的取色器吸取网页上的颜色，或用带取色功能的截图工具，然后把得到的 HEX 或 RGB 值粘贴进来。本工具内置的颜色选择器是视觉选色用的，不能从图片上取色。有 App 或浏览器扩展版本吗？没有。这是网页工具，无需安装。匹配完全在浏览器本地运行，页面加载后断网也能用，满足大多数快速查询需求。收藏页面即可当本地应用使用。使用了什么颜色距离算法？使用RGB颜色空间的欧几里得距离算法。距离通过计算红、绿、蓝分量差值的平方和的平方根得出，结果归一化为相似度百分比。设计师一般怎么用这个工具？设计师常用它来为品牌色板命名以便编写设计文档，查找设计稿中使用的颜色的CSS等效名称，或发现视觉特征相似的替代色。这个工具和颜色选择器有什么区别？颜色选择器让你选取颜色并获取HEX/RGB值。本工具更进一步，告诉你这个颜色在CSS中叫什么名字，方便你和团队成员讨论和记录颜色。可以获取颜色的HSL值吗？可以。工具会同时展示输入色和匹配色的HEX、RGB和HSL值。HSL值有助于理解颜色的色相、饱和度和明度特征。匹配到的颜色名我听都没听过，为什么？颜色库只有 148 个标准 CSS 名称，匹配器在 RGB 空间里选取几何距离最近的那个。当颜色落在两个熟悉名称之间时，最近条目可能很冷门，淡青绿色可能匹配成 MediumAquamarine。先看相似度百分比和前 8 名最近匹配列表里有没有你认识的名字；实在没有，就把最近的那个当作工作标签，而不是定论。别的网站给我颜色起的名字更好听，谁是对的？颜色命名没有唯一权威。本工具使用 148 个标准 CSS 名称；其他网站使用 X11、XKCD 或 Name That Color 等含数千条目的数据库，像「Cadbury 紫」这类名字是营销标签而非标准。写文档时把 CSS 名称和精确的 HEX 值放在一起，HEX 才是唯一没有歧义的部分。相似度只有 60-70%，这个匹配结果还能用吗？当工作标签用，可以。库里只有 148 个 CSS 名称，大多数任意颜色都落在两个熟悉名称之间，60-70% 的相似度只说明没有精确对应的名字。看看前 8 名最近匹配里有没有你认识的；重要场合始终把名字和精确 HEX 放在一起。沟通时 HEX 才是唯一事实依据，名字只是速记。输入格式不对（少了 #、多了空格），会出问题吗？不会。无效输入会被忽略或提示：匹配只对可解析的颜色执行，输入框显示校验提示而不是结果。没有数据存储、没有上传，也就没有需要撤销的东西。重新按 #RRGGBB、#RGB 或 rgb(r, g, b) 输入，匹配结果立即出现。