技术
像素与rem转换
根据实际根元素字号，将CSS像素尺寸转换为rem。
文字颜色对比度计算器
按相对亮度计算两种不透明sRGB颜色的对比度。
在此页面
对比度14.63
文字相对亮度0.02
背景相对亮度1
计算器控制
如何计算
按相对亮度计算两种不透明sRGB颜色的对比度。
对比度 =
((0.2126*srgb(r1)+0.7152*srgb(g1)+0.0722*srgb(b1))+(0.2126*srgb(r2)+0.7152*srgb(g2)+0.0722*srgb(b2))+abs((0.2126*srgb(r1)+0.7152*srgb(g1)+0.0722*srgb(b1))-(0.2126*srgb(r2)+0.7152*srgb(g2)+0.0722*srgb(b2)))+0.1)/((0.2126*srgb(r1)+0.7152*srgb(g1)+0.0722*srgb(b1))+(0.2126*srgb(r2)+0.7152*srgb(g2)+0.0722*srgb(b2))-abs((0.2126*srgb(r1)+0.7152*srgb(g1)+0.0722*srgb(b1))-(0.2126*srgb(r2)+0.7152*srgb(g2)+0.0722*srgb(b2)))+0.1)文字相对亮度 =
(0.2126*srgb(r1)+0.7152*srgb(g1)+0.0722*srgb(b1))背景相对亮度 =
(0.2126*srgb(r2)+0.7152*srgb(g2)+0.0722*srgb(b2))计算示例
- 文字红色通道 (0–255): 30
- 文字绿色通道 (0–255): 41
- 文字蓝色通道 (0–255): 59
- 背景红色通道 (0–255): 255
- 背景绿色通道 (0–255): 255
- 背景蓝色通道 (0–255): 255
- 对比度: 14.63
- 文字相对亮度: 0.02
- 背景相对亮度: 1
假设和限制
只检查两种颜色，不证明整体无障碍合规。普通文字AA门槛为4.5:1，符合定义的大号文字为3:1。使用未经舍入的比率；透明度、图片和渐变需另行取样。 请使用未舍入的比值进行判定。
结果为四舍五入以显示;计算使用未圆的值。 阅读我们的计算方法。
了解结果
按相对亮度计算两种不透明sRGB颜色的对比度。 只检查两种颜色，不证明整体无障碍合规。普通文字AA门槛为4.5:1，符合定义的大号文字为3:1。使用未经舍入的比率；透明度、图片和渐变需另行取样。 请使用未舍入的比值进行判定。
当这个工具有用时
使用初始值和标明的单位重现示例，计算过程中保留精度。比较结果前请核对假设。
了解您的输入
| 输入密码 | 示例: |
|---|---|
文字红色通道 (0–255) r1 | 30 |
文字绿色通道 (0–255) g1 | 41 |
文字蓝色通道 (0–255) b1 | 59 |
背景红色通道 (0–255) r2 | 255 |
背景绿色通道 (0–255) g2 | 255 |
背景蓝色通道 (0–255) b2 | 255 |
常见问题解答
模型的适用范围是什么？
只检查两种颜色，不证明整体无障碍合规。普通文字AA门槛为4.5:1，符合定义的大号文字为3:1。使用未经舍入的比率；透明度、图片和渐变需另行取样。 请使用未舍入的比值进行判定。
如何核对示例？
使用初始值和标明的单位重现示例，计算过程中保留精度。比较结果前请核对假设。