SheepDev

对比度

对比度可在浏览器中计算透明度合成后的对比度并显示 WCAG 判定。

对比度

⌂ 输入和结果仅在此浏览器中处理,不会自动保存或发送。

等待输入
● 实时预览

输入与条件

设置

输出

等待输入

完整文本结果

使用方法

输入实际前景、背景及透明度,分别检查浅色和深色主题。

区分普通与大号文字标准。比值不保证整体无障碍,图片和渐变背景需按位置检查。

示例

#000000
---
#FFFFFF

原理与限制

每个输入限1,048,576字节,输出限33,554,432字节,处理时间限5,000毫秒。输入不会被静默截断。

指南

相关工具

Web、UI与CSS

颜色代码转换

颜色代码转换可在浏览器中转换 HEX、RGB、HSL 与透明度并预览颜色。

Web、UI与CSS

CSS 单位计算

CSS 单位计算可在浏览器中按明确字体与视口条件转换 px、rem、em、vw、vh。