超大文本 (24px+, 粗体)
这是超大号文本示例。为了确保尽可能多的人可以使用产品,对比度需要符合WCAG 的 AA级 与 AAA级
标准。WCAG 的 AA级 要求小文本与背景的对比度至少为4.5:1,大文本与背景的对比度至少为3:1。 WCAG 的 AAA级
要求小文本与背景的对比度至少为7:1,大文本与背景的对比度为4.5:1。
大文本 (18px+, 粗体)
这是大号文本示例,大文本指字号至少是19px以上,字重为粗体的文本类型,或者字号是24px以上的常规体文本。
正常文本 (14px)
这是正常大小的文本示例,用于测试阅读体验。对比度是两种颜色之间的亮度或颜色差异。对比度的比值越低,它们之间的差异越小。
小文本 (12px)
这是小号文本示例,需要更高的对比度要求,小文本指字号在19px以下的粗体文本类型,或者是字号在24px以下的常规文本类型。
🎨色彩对比度检测
对比度检测结果
4.65:1
对比度 丨 Contrast Results based on WCAG 2.0
WCAG AA
正常文本 ≥ 4.5:1
通过
WCAG AA
大文本 ≥ 3:1
通过
WCAG AAA
正常文本 ≥ 7:1
未通过
WCAG AAA
大文本 ≥ 4.5:1
通过
颜色设置
背景色
背景色预览
HEX
#4E5969
RGB
78, 89, 105
前景色
前景色预览
HEX
#FFFFFF
RGB
255, 255, 255