CIELAB空间中对比率阈值的公式

时间:2014-02-26 04:17:55

标签: css web colors color-scheme

如WCAG指南中所述,背景色和前景色之间的对比度应至少为4.5:1,如http://www.w3.org/TR/WCAG20/Overview.html#IEC-4WD所示

但上面提到的公式是针对RGB格式的颜色(Ctrl + f'sRGB'来查看公式)。我正在处理CIELAB空间,那么这个公式可以转换为CIELAB空间吗?或者我们可以在CIELAB距离形式中获得类似的阈值吗?

我的观察 两种颜色之间的CIELAB距离与RGB格式中相同两种颜色之间的对比度之间没有一对一的映射。

1 个答案:

答案 0 :(得分:0)

WCAG 指南 define contrast ratio as

<块引用>

(L1 + 0.05) / (L2 + 0.05),其中

  • L1 是颜色较浅的相对亮度,并且
  • L2 是颜色较深的相对亮度。

反过来,他们define relative luminance

<块引用>

颜色空间中任意点的相对亮度,归一化为 0 表示最深的黑色和 1 表示最亮的白色

这与 CIELAB 色彩空间中 L 的定义相匹配(并非巧合!)。

然而,与WCAG对L的定义不同,CIELAB中的L线性的,意味着对比度由{ {1}}。那么,我们如何在两者之间进行转换?

不幸的是,我在任何地方都找不到它的公式,但幸运的是,我们可以从 https://cielab.io 中获取我们想要的值。经过一些点击后,我确定了以下内容:

<头>
WCAG 对比度 L1 - L2 中的 CIELAB 差异
1:1 0
3:1 38
4.5:1 50
7:1 62
21:1 100

这使得确定 CIELAB 值之间足够的对比度变得非常简单。