第一行文字色、第二行背景色
对比度报告
使用说明
- 第一行填文字颜色,第二行填背景颜色,点「检测对比度」。
- 结果里会分别给出 AA 正文、AA 大字、AAA 正文、AAA 大字的达标情况。
- 如果没达标,结果下方会给出保持色相、只调明度的具体改法与对应比值。
常见问题
为什么 4.5:1 是正文的底线?
这是 WCAG 2.1 里 AA 级的要求。这个数字来自对视力障碍用户(低视力、色觉异常)的实际测试:低于它,相当一部分人在正常亮度下阅读会明显吃力。它不是审美标准,是可访问性的门槛。
大字的标准为什么更宽松?
因为字越大,笔画越粗,同样的对比度下辨认难度越低。WCAG 里「大字」指 18.66px(14pt)以上,或 14px 加粗。
图标和边框也要看对比度吗?
要。WCAG 2.1 新增了「非文本对比度」要求,界面元素和图标与相邻颜色的对比度至少要到 3:1,否则识别困难。本工具会一并给出这一项判定。
相关工具
颜色格式转换
输入任意格式的颜色值,一次得到 HEX、RGB、RGBA、HSL、HSV、CMYK、CSS
调色板生成
输入基准色,按色轮关系生成完整配色方案:单色阶、互补色、类似色、三角色、分裂互补、四角方阵、
CSS 渐变代码生成
在线生成 CSS 渐变代码:支持线性、径向、锥形与重复线性渐变,可选中间色让过渡不发灰,输出
在线 JSON 格式化
在线 JSON 格式化与校验工具,支持美化排版、压缩、转义、去转义、转 GET 参数,自动定
HTTP 状态码对照表
完整的 HTTP 状态码对照表,收录 1xx 到 5xx 全部常见状态码,含中文含义、常见成
JSON 转 YAML
把 JSON 转成 YAML,键值自动缩进、字符串按需加引号,可直接粘进 Kubernete
开发工具 · 该分类共 125 个工具,展开查看全部
在线 JSON 格式化HTTP 状态码对照表JSON 转 YAMLJSON 转 XMLJSON 转 CSVJSON 转 TypeScript 类型JSON 转 Java 实体类JSON 转 Go 结构体JSON 转 Python 字典JSON 转 SQL 建表语句JSON 转 Markdown 表格JSON 键排序清除 JSON 空值JSON 扁平化JSON 结构分析JSON 字段清单JavaScript 代码美化JSON 压缩JSON 转 ExcelJSON 树形查看JSON Schema 生成YAML 转 JSONYAML 格式化XML 转 JSONJSON 转 C# 实体类JSON 转 PHP 数组JSON 转 Rust 结构体JSON 转 Kotlin 数据类JSON 转 Swift 模型JSON 转 Dart 模型CSV 转 JSONJSON 转 JSONLJSONL 转 JSONXML 格式化SQL 格式化HTML 格式化CSS 格式化PHP 代码格式化Java 代码格式化C# 代码格式化Python 代码格式化Ruby 代码格式化C 代码格式化C++ 代码格式化Perl 代码格式化VBScript 格式化Go 代码格式化Rust 代码格式化Kotlin 代码格式化Swift 代码格式化Scala 代码格式化Lua 代码格式化R 代码格式化XML 压缩SQL 压缩HTML 压缩CSS 压缩JavaScript 压缩SVG 代码压缩PHP 代码压缩Java 代码压缩C# 代码压缩Python 代码压缩Go 代码压缩Rust 代码压缩Kotlin 代码压缩Lua 代码压缩代码去注释MD5 加密SHA1 加密SHA256 加密SHA512 加密国密 SM3 计算HMAC 计算AES 加密解密DES 加密解密RSA 密钥对生成JWT 生成Query String 构建Cookie 解析URL 完整解析文本 Diff 对比代码 Diff 对比三向文本对比HTTP 报文解析版本号比较代码行数统计HTML 与 UBB 互转htaccess 转 NginxXPath 测试工具手机号格式校验邮箱格式校验身份证号码校验银行卡号校验信用卡号校验UUID 批量校验编码批量识别文本编码检测User-Agent 解析浏览器信息检测颜色格式转换颜色对比度检测调色板生成CSS 渐变代码生成Cron 表达式解析Cron 表达式生成正则表达式测试KeyCode 按键码查询Android 按键码查询HTML 转 Markdown文件哈希校验SQL 转 Java 实体类SQL 转 C# 实体类SQL 转 Go 结构体SQL 转 Python 类Markdown 转 HTML随机字符串生成NanoID 生成器UUID 批量生成键盘按键测试WebSocket 在线测试条形码生成Markdown 编辑器Base64 转图片二维码批量生成