如WCAG指南中所述,背景色和前景色之间的对比度应至少为4.5:1,如http://www.w3.org/TR/WCAG20/Overview.html#IEC-4WD所示
但上面提到的公式是针对RGB格式的颜色(Ctrl + f'sRGB'来查看公式)。我正在处理CIELAB空间,那么这个公式可以转换为CIELAB空间吗?或者我们可以在CIELAB距离形式中获得类似的阈值吗?
我的观察 两种颜色之间的CIELAB距离与RGB格式中相同两种颜色之间的对比度之间没有一对一的映射。
答案 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 值之间足够的对比度变得非常简单。