🖌️
取色器与对比度检测
从图片中取色，计算对比度，检测是否符合 WCAG 可访问性标准。
颜色选择
上传图片取色
前景色
背景色
对比度检测结果
AaBbCcDdEeFf
对比度比例
--
WCAG AA
--
WCAG AAA
--
WCAG AA (大字体)
--
WCAG AAA (大字体)
--
关于对比度检测
确保文本在各种背景下都有足够可读性，符合 WCAG 可访问性标准。
核心优势
- 支持图片取色
- 实时计算对比度
- WCAG 标准检测
- 本地处理，保护隐私
WCAG 标准
- AA 级：普通文本 ≥4.5:1，大字体 ≥3:1
- AAA 级：普通文本 ≥7:1，大字体 ≥4.5:1
使用场景
- 网页设计配色
- UI 界面可访问性检查
- 文档排版颜色搭配
- 品牌色彩对比度验证
隐私承诺
- 所有计算均在本地浏览器完成
- 不上传图片数据
- 页面刷新不保留内容
🚀 使用指南
- 点击「选择图片」按钮上传图片
- 点击图片任意位置取色，默认为前景色
- 也可直接使用颜色选择器或输入 HEX 值
- 点击颜色预览框切换前景色/背景色
- 系统自动计算对比度并检测 WCAG 标准
❓ 常见问题
什么是 WCAG 对比度标准？
WCAG 是网页可访问性标准。AA 级要求普通文本 ≥4.5:1，大字体 ≥3:1；AAA 级要求普通文本 ≥7:1，大字体 ≥4.5:1。
上传的图片会保存在服务器上吗？
不会。所有处理都在浏览器本地完成，图片不会上传到服务器。