🍋 Design Tools
对比度检查器
根据 WCAG 标准检查颜色对比度
chars
words
sentences
lines
结果
结果
关于 对比度检查器
检查文本和背景颜色的对比度。根据 WCAG 标准评估可访问性。
工作原理
使用 WCAG 2.1 定义的相对亮度公式计算两种颜色之间的对比度比值，并与 AA 和 AAA 级标准进行比较。
分步教程
- 1 [
- 2 '
- 3 输
- 4 入
- 5 前
- 6 景
- 7 色
- 8 （
- 9 文
- 10 本
- 11 颜
- 12 色
- 13 ）
- 14 '
- 15 ,
- 16
- 17 '
- 18 输
- 19 入
- 20 背
- 21 景
- 22 色
- 23 '
- 24 ,
- 25
- 26 '
- 27 查
- 28 看
- 29 对
- 30 比
- 31 度
- 32 比
- 33 值
- 34 '
- 35 ,
- 36
- 37 '
- 38 查
- 39 看
- 40
- 41 W
- 42 C
- 43 A
- 44 G
- 45
- 46 A
- 47 A
- 48 /
- 49 A
- 50 A
- 51 A
- 52
- 53 合
- 54 规
- 55 状
- 56 态
- 57 '
- 58 ]
提示
- [
- '
- 深
- 灰
- 色
- 文
- 本
- （
- #
- 3
- 3
- 3
- ）
- 在
- 白
- 色
- 背
- 景
- 上
- 的
- 对
- 比
- 度
- 为
- 1
- 2
- .
- 6
- :
- 1
- ，
- 远
- 超
- A
- A
- 要
- 求
- 。
- '
- ,
- '
- 避
- 免
- 使
- 用
- 纯
- 黑
- 文
- 本
- —
- —
- 深
- 灰
- 色
- 更
- 舒
- 适
- 。
- '
- ,
- '
- 大
- 标
- 题
- 文
- 本
- 的
- 对
- 比
- 度
- 要
- 求
- 较
- 低
- （
- 3
- :
- 1
- ）
- 。
- '
- ]