颜色对比检查器

    测试前景色和背景色之间的对比度以确保可访问性。

    1.00:1
    对比度
    Fail
    非常差

    普通文本

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

    大文本

    AA (3:1)
    AAA (4.5:1)
    Black
    #000000
    Eastern Blue
    #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滑块微调
    • 多种预览格式

    高级工具

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