颜色对比度检查器
检查 WCAG 2.1 AA/AAA 颜色对比度比率，助力无障碍 Web 设计
rgb(30, 41, 59)
rgb(248, 250, 252)
Sample Text Aa
The quick brown fox jumps over the lazy dog
Regular body text — this is how a paragraph will appear at 16 px.
Small helper text at 14 px — used for captions and labels.
Color Contrast Checker — WCAG AA/AAA
Check whether your text and background color combination meets WCAG 2.1 accessibility standards. Shows contrast ratio and pass/fail for AA (4.5:1) and AAA (7:1) levels.
FAQ
What is WCAG?
The Web Content Accessibility Guidelines (WCAG) are international standards for making web content accessible to people with disabilities, including color vision deficiencies.
What contrast ratio do I need?
WCAG AA requires 4.5:1 for normal text and 3:1 for large text (18px+ bold or 24px+). AAA requires 7:1 for normal and 4.5:1 for large.
Why does color contrast matter?
Low-contrast text is hard to read for people with low vision, color blindness, or in bright sunlight. It also affects your legal compliance in many jurisdictions.
继续探索
您可能喜欢的其他 开发者工具…
JSON格式化工具
使用语法高亮和错误检测格式化、验证和压缩JSON
Base64编码/解码
将文本或文件编码为Base64，并将Base64字符串解码为可读文本
URL编码/解码
编码和解码URL组件和查询字符串参数
UUID生成器
生成随机UUID（v1、v4）或批量生成多个UUID
哈希生成器
从文本或文件生成MD5、SHA-1、SHA-256、SHA-512哈希
正则表达式测试器
实时匹配高亮测试正则表达式并提取分组
JWT解码器
解码和检查JSON Web Token — 查看header、payload并验证签名
HTML格式化工具
使用正确缩进和语法高亮格式化和美化HTML代码