颜色名称查找
输入HEX、RGB、HSL颜色代码，查找最接近的CSS颜色名称。支持140个基本CSS颜色和1,500+扩展颜色，提供中英文名称和相似颜色推荐。
颜色名称查找
什么是颜色名称查找？
颜色名称查找是一款输入HEX、RGB、HSL颜色代码后，能告诉您最接近的颜色名称的工具。从140个网页标准CSS颜色到1,500多个扩展颜色数据库中，找出与您输入颜色最相似的名称。
在设计工作中想知道某种颜色的名称，或只知道颜色代码时想找到适当的颜色名称，都可以使用这个工具。同时提供中文和英文颜色名称，还会推荐5个相似的颜色。
适用场景
- 设计工作 – 想知道品牌颜色的准确名称时，用颜色代码搜索
- 颜色沟通 – 向客户或同事说明颜色时，用准确的名称传达
- CSS编写 – 想使用有意义的CSS颜色名称而非HEX代码时
- 颜色学习 – 想了解各种颜色的正式名称和英文名称时
- 相似颜色探索 – 想找与特定颜色相似的替代颜色时
- 颜色调色板构建 – 参考同一色系的颜色名称来制作调色板
主要功能
- 多种输入格式 – 可以用HEX、RGB、HSL三种格式输入颜色，非常方便。也可以用颜色选择器直接选择。
- 颜色数据库选择 – 可以在基本CSS颜色（140个）和扩展颜色（1,500+个）之间选择，找到更准确或更多样的颜色名称。
- 相似度显示 – 用百分比显示输入的颜色与找到的颜色有多匹配。完全匹配时显示”完全匹配”。
- 相似颜色推荐 – 除了最接近的颜色外，还显示5个相似的颜色，方便找到替代方案。
- 中英文名称 – 所有颜色都提供中文和英文名称，有助于全球化沟通。
- 一键复制 – 点击颜色代码（HEX、RGB、HSL）即可复制到剪贴板。
- 搜索历史保存 – 自动保存最近搜索的20个颜色，方便快速重新查看之前找过的颜色。
使用方法
- 输入颜色 – 点击颜色选择器直接选择，或在HEX/RGB/HSL输入框中输入已知的颜色代码。
- 选择数据库 – 在基本CSS颜色（140个）和扩展颜色（1,500+个）之间选择您想要的数据库。扩展颜色提供更多样的名称。
- 确认结果 – 查看最接近颜色的中英文名称和颜色代码。同时显示相似度。
- 探索相似颜色 – 点击下方显示的5个相似颜色，可以切换到该颜色。
- 复制代码 – 点击需要的颜色代码（HEX、RGB、HSL）即可复制到剪贴板。
颜色数据库说明
基本CSS颜色（140个）
W3C网页标准中定义的CSS命名颜色。可以在所有网页浏览器中直接使用颜色名称，如red、blue、gold等可以直接作为CSS颜色名称使用。
扩展颜色（1,500+个）
除了CSS基本颜色外，从各种来源收集的颜色名称。包括食物、自然、宝石、金属、粉彩、霓虹等各类颜色名称。在寻找更具体和感性的颜色名称时非常有用。
颜色距离计算
输入颜色与数据库颜色之间的相似度基于CIE76 Delta E公式计算。这种方法类似于人类视觉感知来测量颜色差异，提供更准确的结果。
常见问题
基本CSS颜色和扩展颜色有什么区别？
基本CSS颜色（140个）是W3C网页标准中定义的颜色，可以直接在CSS中使用颜色名称（如gold、coral）。扩展颜色（1,500+个）提供更多样的颜色名称，但不能在CSS中直接使用名称，需要转换为HEX代码使用。
相似度百分比是如何计算的？
颜色之间的距离使用CIE76 Delta E公式计算相似度。这个公式根据人类视觉感知特性对RGB值的差异进行加权计算。100%表示完全匹配，越接近0%表示颜色越不同。
可以输入3位HEX代码吗？
是的，输入3位HEX代码（如F00）会自动扩展为6位（FF0000）处理。不需要输入#符号。
搜索历史保存在哪里？
搜索历史保存在浏览器的本地存储中。最多保存20个最近搜索的颜色，删除浏览器数据或点击”全部删除”按钮会清除历史记录。历史记录不会在其他设备或浏览器之间共享。
颜色选择器不工作怎么办？
颜色选择器在最新版浏览器中支持。如果不工作，可以直接在HEX、RGB、HSL输入框中输入颜色值，同样可以使用。将浏览器更新到最新版本后，颜色选择器也会正常工作。
中文颜色名称的来源是什么？
CSS基本颜色的中文名称基于官方翻译和通用名称编写。扩展颜色的中文名称使用原语发音的汉语表记，或使用该颜色所代表对象（如食物、宝石）的中文名称。