Colour Name Finder

颜色命名与分析引擎

美学实用工具

颜色名称查找器与调色板引擎

高性能专业颜色分类与识别系统。基于 CIELAB 色彩空间 Delta E 公式与经典色谱算法,100% 浏览器本地运行,离线私密,安全极速。

匹配模式:
点击色盘拾取任意颜色
#
RGB 滑块调节
R121
G40
B202
感知匹配99.8% 匹配度

紫心

HEX
#7928ca
RGB
121, 40, 202
HSL
270°, 67%, 47%
CMYK
40%, 80%, 0%, 21%
设计师专业提示

校准色彩显示精度

确保网页与印刷品呈现完全一致的精准色彩。探索适合专业设计工作的硬件校色 4K 专业显示器。

在亚马逊查看 4K 专业显示器广告声明:作为亚马逊联盟成员,我们通过符合条件的购买获取佣金。
最近检测记录
暂无检测记录。

色彩调和方案 (Harmonies)

基于色轮空间对称旋转的智能色彩调和算法。

互补色 (Complementary)色轮直径相对的相反色调(180° 旋转)。
类似色 (Analogous)色轮上相邻间隔 30° 的柔和过渡色彩。
三角色 (Triadic)在色轮上均匀分布成等边三角形的三个色调(120°)。
分裂互补色 (Split-Comp)基准色与其互补色两侧相邻的两个颜色构成的组合。
矩形四角色 (Tetradic)由两对互补色构成的丰富对比配色。

色彩衍生与无障碍对比度审计

数学渐进色调扩展与 WCAG 国际网页无障碍标准审计。

暗色调 Shades (加黑)
浅色调 Tints (加白)
中色调 Tones (加灰)

文本对比度审核。

评估您的背景色彩是否满足 WCAG 无障碍文本易读性推荐标准。

纯白文字 (#FFFFFF)--
常规尺寸文本示例大号粗体文本示例
常规文本 AA 标准 (4.5:1)--
常规文本 AAA 标准 (7.0:1)--
大号文本 AA 标准 (3.0:1)--
大号文本 AAA 标准 (4.5:1)--
纯黑文字 (#000000)--
常规尺寸文本示例大号粗体文本示例
常规文本 AA 标准 (4.5:1)--
常规文本 AAA 标准 (7.0:1)--
大号文本 AA 标准 (3.0:1)--
大号文本 AAA 标准 (4.5:1)--

色彩名称词典

探索包含 1,500+ 个已命名的色彩库,收录历史经典颜料、工业涂料及现代网页设计标准名。

正在显示全部 1,566 种颜色
正在加载数据库...
平台核心功能

专为色彩分析打造的强大工具集

全功能套件,助您以绝对精准的科学度量提取、翻译、审计和生成调色板。

多维输入方式

支持通过十六进制代码输入、精确 RGB/HSL 滑块调节、图片上传取色或实时摄像头捕捉。

海量色彩数据库

比对超过 1,500+ 精选标准色,采用感知均匀的 CIELAB Delta E 公式计算最贴近的名称。

即时格式转换

毫秒级在 HEX、RGB、HSL、CMYK 等主流色彩空间之间高精度互转。

智能调和配色

自动生成互补色、类似色、三角色及分裂互补色等符合美学法则的专业调色板。

无障碍对比审计

即时核验文本与背景的对比度,确保符合国际 WCAG 2.1 AA 与 AAA 级别标准。

本地存储与导出

自动保存最近检测记录,支持一键复制各格式色值与代码配置。

知识库与权威指南

颜色名称查找工具完全使用指南

深入了解感知色彩匹配、十六进制代码解析以及图像色彩分析如何大幅提升现代数字设计工作流。

1. 为什么设计师与开发者需要高精度的颜色查找器

色彩是视觉传达、品牌塑造与界面设计中最具冲击力的元素。然而,在客户、设计师与工程师之间准确交流色彩常常充满障碍。设计师眼中的“天空蓝”,工程师看到的是 #87CEEB 或 rgb(135, 206, 235)。颜色名称查找器正是弥合这一鸿沟的关键桥梁。

本指南将深入探讨色彩命名原理、为何感知色彩匹配远胜传统数学欧几里得距离,以及如何借助专业工具构建更具一致性和包容性的设计系统。

2. 色彩解构:十六进制色值与视觉感知匹配

在数字界面中,颜色通常用六位十六进制代码表示红、绿、蓝数值。Hex 代码对浏览器非常友好,但对人类大脑却晦涩难懂。听到“普鲁士蓝”或“千禧粉”,常人无法直接脑补出其 Hex 代码。

普通查找工具直接在 RGB 空间计算欧几里得距离,但人眼对绿色和黄色波长的变化远比对蓝色敏感,这导致传统工具算出的颜色名称经常感觉“偏色”。

本工具采用国际照明委员会 CIELAB 色彩空间的 Delta E (CIEDE2000) 算法。CIELAB 具备视觉感知均匀性,坐标轴的数值步进精准对应人眼的感知差异,匹配出的颜色名称完全符合人类直觉。

3. 毫秒级从图片中拾取色彩并命名

设计灵感往往来源于现实摄影、网页截图或艺术画作。本工具内置图像取色引擎,可在像素级精度下提取任意位置的色彩并即时匹配名称。

  • 纯客户端解析:图片完全在本地 Canvas 解析,绝不上载任何外部服务器,保障商业素材隐私。
  • 像素级放大镜:鼠标悬停时提供实时放大的像素视窗与坐标数值。
  • 即时名称反查:点击任意像素即刻提取其色值并检索出全球公认的颜色名称。
  • 主色调聚类分析:利用聚类算法自动提炼全图最具代表性的核心调色板。

4. 通过 Hex 色值实现快速搜索与反向映射

只需粘贴 Hex 色值(带或不带 # 号),即可即刻获取该颜色的标准中文与英文名称、多色系坐标转换以及精准度百分比。若存在精确记录,将显现“精准匹配”徽章。

5. 拓展生态:渐进式网页应用与离线使用

本平台采用现代化 PWA 架构构建,支持在手机与电脑桌面直接安装为独立应用程序,断网状态下所有计算算法与 1,500+ 色库功能均可完整使用。

6. 算法技术细节:RGB 到 CIELAB 的色彩映射

输入 Hex 后,系统先将其转化为线性 RGB,进而映射到标准 CIE XYZ 空间,最终转换至以亮度 L*、红绿轴 a*、黄蓝轴 b* 构成的 CIELAB 感知空间,通过 CIEDE2000 求解加权最小色差。

7. 设计系统与前端开发工程落地实践

在设计系统(Design Tokens)中将生硬的十六进制转换为有意义的语义化名称,不仅让 CSS/Tailwind 样式表一目了然,还能在构建阶段自动验证对比度无障碍标准。

常见问答与知识库

常见问题解答

查阅关于颜色名称查找、算法计算及数字设计规范的权威解答。

如何使用颜色名称查找器?

在输入框直接键入或粘贴十六进制色值(例如 #7928ca),或通过滑块调节 RGB/HSL。系统将基于 1,500+ 色彩库,利用 CIELAB Delta E 感知公式自动计算并展示最匹配的颜色名称。您也可以上传图片使用放大镜点击取色,或在移动设备上启动相机扫描实体颜色。

我该如何识别我看到的颜色?

您可以通过三种途径识别:1)直接输入 Hex 代码或调整 RGB 滑块;2)上传照片使用像素级放大镜点选;3)在手机端使用实时相机对准物体,中央准星将即刻捕捉并命名对应颜色。

颜色名称是如何定义的?

颜色命名将数字编码与人类通用的语义化名称相映射。高精度系统采用视觉均匀的 CIELAB 色彩模型,消除因人眼视觉非线性导致的偏差,让匹配出的名称自然真实。

我如何寻找协调的搭配色彩?

您可以使用本工具自动生成的互补色、类似色、三角色等色彩调和方案,也可以通过渐变浅色(Tints)、深色(Shades)、灰调(Tones)寻找同色系搭配,或浏览内置分类词典。

什么是颜色识别技术?

颜色识别是将技术色值(RGB、HEX、HSL)转换为人类公认标准色彩名称的过程。高精度技术通过 CIEDE2000 色差方程校正色相、纯度与明度敏感度,实现精准对应。

如何确定某个颜色名称是否权威?

若输入的 Hex 色值在国际标准字典中存在,将显现“精准匹配”徽章;若为中间色,系统将标识与最邻近标准色的相似度百分比(如“98% 匹配”)。

这个工具只适合专业程序员使用吗?

不仅适合程序员!UI/UX 设计师、插画艺术家、电商运营、室内装潢师、印刷从业者以及普通色彩爱好者均可轻松上手。

没有技术背景的人可以使用这个网站吗?

完全可以!界面设计直观易懂,无需任何编程知识。通过可视化调色盘点选即可获得专业级结果。