色彩对比度检查器

    测试前景色和背景色之间的对比度,确保无障碍使用。

    1.00:1
    对比
    Fail
    非常差

    正常文本

    AA (4.5:1)
    AAA (7:1)

    大文本

    AA (3:1)
    AAA (4.5:1)
    Black
    #000000
    Black
    #2596be

    快速修复

    Aa

    预览标题

    敏捷的棕狐狸跳过懒惰的狗

    小文本示例(12px)

    文本
    #000000
    背景介绍
    #2596be

    WCAG 标准

    Level AA

    普通文本的最低对比度为 4.5:1,大文本为 3:1。大多数网站都需要。

    Level AAA

    增强型对比度,正常文本为 7:1,大文本为 4.5:1。建议使用,以获得最佳的可读性。

    所有文字大小的对比度不足--不符合 WCAG 标准。

    色彩对比度检查器

    计算文字和背景颜色的对比度。

    使用颜色选择器为文字和背景颜色选择颜色,或输入 RGB 十六进制格式的颜色(如 #259 或 #2596BE)。您可以调整滑块来选择颜色。网页内容可访问性指南》(WCAG)有一个专门的准则来帮助判断文字是否适合视力正常的用户阅读。该准则使用一种特殊算法将颜色组合映射为可比比率。 使用此公式,WCAG 规定,对于普通(正文)文本,文本与背景的色彩对比度为 4.5:1,而大文本(18 pt 以上的普通文本或 14 pt 以上的粗体文本)的色彩对比度至少应为 3:1。

    主要功能

    • 实时对比度计算
    • WCAG AA 和 AAA 合规性检查
    • 用于微调的 HSL 滑块
    • 多种预览格式

    高级工具

    • 自动定色
    • 文本和背景样本
    • 颜色名称检测
    • 导出结果