HueSense

不同 ΔE 大小的色差示例表

只看数字很难体会 ΔE 的含义,这张表把它换成了真实的颜色。我们以 CIEDE2000 为准,给六个色系的基准色加上指定大小的差异,再四舍五入为屏幕显示的 8 位 sRGB 值,并用三种公式重新计算。

你会发现,即使 ΔE00 相同,CIE76 的数值在不同色系间也差别很大。这正是比较不同色系时要使用 CIEDE2000 的原因。所有数值均在构建时由本站的计算引擎生成。

按大小比较 — 沿色相(hue)方向增大 ΔE00

每一行都是保持基准色的明度和彩度不变、只旋转色相来达到目标 ΔE00 的颜色(灰色没有色相,因此只改变明度)。

色系0.5123510
目标 ΔE00
红#c75148ΔE00 0.50
ΔE76 1.34
#c85046
ΔE00 0.99
ΔE76 1.55
#c55145
ΔE00 2.07
ΔE76 3.41
#c55444
ΔE00 3.01
ΔE76 4.89
#c45340
ΔE00 5.07
ΔE76 8.22
#c3553b
ΔE00 10.00
ΔE76 15.86
#bc5a30
黄#f0d058ΔE00 0.54
ΔE76 1.03
#eed059
ΔE00 1.08
ΔE76 1.88
#ecd059
ΔE00 2.00
ΔE76 3.23
#ecd358
ΔE00 3.00
ΔE76 4.82
#e8d359
ΔE00 5.09
ΔE76 8.26
#e1d45a
ΔE00 10.08
ΔE76 16.83
#d3da5c
绿#5b9f65ΔE00 0.51
ΔE76 0.86
#5aa067
ΔE00 1.00
ΔE76 1.83
#579e67
ΔE00 1.99
ΔE76 3.75
#51a06a
ΔE00 2.98
ΔE76 5.62
#4ca16d
ΔE00 5.00
ΔE76 9.29
#42a173
ΔE00 9.98
ΔE76 18.11
#22a383
蓝#487fbdΔE00 0.51
ΔE76 0.91
#497ebd
ΔE00 0.99
ΔE76 1.29
#4e7fbc
ΔE00 2.00
ΔE76 3.23
#507dbe
ΔE00 2.98
ΔE76 3.63
#577ebc
ΔE00 5.00
ΔE76 6.35
#5d7bbb
ΔE00 10.02
ΔE76 12.81
#6e77ba
紫#8e5599ΔE00 0.49
ΔE76 0.79
#8e5497
ΔE00 0.99
ΔE76 1.72
#915497
ΔE00 2.01
ΔE76 3.61
#945295
ΔE00 2.96
ΔE76 5.35
#975193
ΔE00 5.03
ΔE76 9.17
#9c4f8d
ΔE00 9.99
ΔE76 19.09
#a64a7d
无彩(明度)#919191ΔE00 0.34
ΔE76 0.38
#929292
ΔE00 1.00
ΔE76 1.15
#949494
ΔE00 1.98
ΔE76 2.29
#979797
ΔE00 2.94
ΔE76 3.43
#9a9a9a
ΔE00 5.11
ΔE76 6.07
#a1a1a1
ΔE00 10.03
ΔE76 12.40
#b2b2b2

按方向比较 — 用明度、彩度、色相分别制造相同的 ΔE00 2.0

展示为了得到相同的感知差异(ΔE00 = 2.0),需要沿哪个方向移动多少。CIE76 数值越大,说明旧公式越高估该方向上的差异。

色系方向基准色 · 对比色ΔE00ΔE94ΔE76
红#c75148明度#cc574e2.002.012.24
彩度#d04a422.002.097.19
色相#c554442.071.853.41
黄#f0d058明度#fad8612.003.023.09
彩度#f3d0452.012.097.88
色相#ecd3582.001.693.23
绿#5b9f65明度#62a56b1.992.302.33
彩度#52a2601.992.085.86
色相#51a06a1.992.293.75
蓝#487fbd明度#4f84c32.002.062.09
彩度#357fc72.012.266.08
色相#507dbe2.002.003.23
紫#8e5599明度#945a9e2.002.082.09
彩度#9252a12.042.126.29
色相#9452952.012.123.61
无彩(明度)#919191明度#9797971.982.292.29

如何阅读本表

去做测试 →