工具使用说明

网页颜色对比度在线检测工具，专为UI设计师、前端开发人员打造，快速校验文字与背景之间色彩对比度，判断配色方案是否满足WCAG2.1无障碍设计标准，适配网站页面、小程序界面、APP界面、海报文字配色检测场景。

• 输入前景文字色值与背景色值，支持拾色器选择颜色，自动转换RGB、HSL色值，实时预览文字显示效果；
• 自动计算色彩对比度数值，对照WCAG 2.1规范，区分普通文本、大号标题、UI控件三类检测标准；
• 一键生成推荐配色方案，自动寻找满足无障碍规范的替代色，点击推荐色可直接应用到预览面板；
• 支持复制检测报告、分享页面链接、随机生成配色方案，快速对比多组网页配色可读性；
• 适合做网页无障碍改造、网站UI改版、小程序界面设计，快速排查低对比度文字，保障色弱、视障用户正常阅读网页内容。

适用场景：网页前端无障碍检测、UI设计配色校验、小程序文字对比度检查、产品界面a11y无障碍合规检测、海报图文色彩可读性测试。