颜色距离 (ΔE)
ΔE(Delta E)是把"这两种颜色在人眼看来差异有多大"放进单个数字的标准方法。CIEDE2000 是现代参考 — 约 1 以下通常难以分辨、约 2 以下非常接近、大约 10 明显不同、50+ 是色环对角。CIE76 给传统用法保留;RGB 距离作为朴素基线。
—
距离
- ΔE 200031.36
- ΔE 7667.18
- RGB 距离85.15
感知
不同 — 明显是不同颜色。
ΔE 用 D65 参考白在 CIE Lab 中计算 — 与所有现代色彩管理工具相同的约定。
使用方法
- 输入两个 HEX 颜色或用色块选择。
- 查看 CIEDE2000 — 那是值得信任的感知数字。
- 下方注释把数值映射到定性描述。
常见问题
- ΔE76 和 ΔE2000 为什么不同?
- ΔE76 是 Lab 空间的直接欧氏距离 — 易算但在蓝色区域有失真。CIEDE2000 校正色相、彩度和明度的灵敏度差异。现代色彩管理软件(Pantone、X-Rite、Adobe)报告 CIEDE2000。
- 刚好可察觉的差异是多少?
- 在受控观看条件下约 ΔE 1。实际上 — 糟糕显示器、环境光、并排 vs 记忆比较 — 访客通常在 ΔE 2–3 开始察觉。
- 写规格书时该引用哪个公式?
- 除非有标准或既有流程另有要求,否则用 CIEDE2000。它修正了 1976 年公式判断失准的区域,尤其是蓝色系和高饱和度的颜色,而现今的容差数值也都以它为前提。无论用哪一个,都请把公式名称写在数值旁边:同样是容差 2,在两个公式下含义并不相同。
- ΔE 大就说明文字好读吗?
- 不是,两者衡量的东西不同。可读性取决于对比度,比较的是相对亮度;ΔE 衡量的是感知到的颜色差异。两种颜色即使色相相差很大,只要明暗接近,仍然可能达不到对比度要求。判断好不好读要用对比度检查,配色是否一致才看 ΔE。
相关工具
OKLCH 颜色选择器
在感知均匀的 OKLCH 空间(明度 · 色度 · 色相)中选色 —— 并查看每个选择是否落在 sRGB 显示色域内。
颜色 0 0
CSS color-mix() 预览 (插值空间对比)
对比现代 CSS color-mix() 函数在不同插值空间 (srgb, hsl, oklch, lab, lch, hwb, oklab, srgb-linear) 下如何混合两种颜色 — 实时色卡、计算 hex、每个空间的完整渐变条以及可复制的 CSS。
颜色 0 0
颜色名称查找
为任意 hex/RGB 颜色查找最接近的 CSS、Tailwind 或 XKCD 调查色名 — 按 OKLab 空间感知距离排序。
颜色 0 0
CSS 混合模式模拟器
把 W3C 合成规范的 16 种 mix-blend-mode(multiply·screen·overlay·soft-light·hue·color·luminosity 等)应用到两种颜色上,一览查看每种模式的混合结果与可复制的 CSS 片段。
颜色 0 0
颜色亮度对比 (HSL vs Lab L* vs WCAG vs HSP)
对一种或两种颜色并行比较 HSL 亮度、HSV 值、WCAG 相对亮度(LRV)、CIE Lab L*(感知亮度)、Rec. 709 Luma、HSP 感知亮度与朴素 (R+G+B)/3 共七种亮度指标,通过差值揭示为何「更亮」的颜色反而显得更暗。
颜色 0 0
颜色对比度检查器
按 WCAG AA 和 AAA 级别检查文字/背景对比度。
颜色 0 0