搜索 TypeKitty 工具

可按工具名称、命令、别名或文件类型搜索。

对比度检查器

可用

检查前景色与背景色之间的 WCAG 对比度。 TypeKitty 会在浏览器本地完成处理,帮助你保护输入内容与文件隐私。

颜色colour

TypeKitty 快速预览。

将这组对比色用于 UI 文本、按钮、标签和代码。

比例

21:1

AA normal通过
AA large通过
AAA normal通过
AAA large通过

如何使用 对比度检查器

在发布 UI 前验证文字配色。 复制或下载前请检查处理结果。

  1. 添加输入

    01

    输入内容或选择需要处理的本地文件。

  2. 调整设置

    02

    根据任务检查并调整可用选项。

  3. 检查并导出

    03

    确认结果后复制内容或下载生成的文件。

实用示例

可以从真实输入开始,再根据你的任务进行调整。

示例输入

#000000 #ffffff

使用这个示例输入预览结果,再根据实际任务进行调整。

示例输入

#ffcc02 #0058a3

使用这个示例输入预览结果,再根据实际任务进行调整。

示例输入

wcag contrast checker

使用这个示例输入预览结果,再根据实际任务进行调整。

这个浏览器工具如何工作

TypeKitty 会在当前浏览器标签页中处理你输入的数据,不会将数据发送到 TypeKitty 工具 API。

无需账户
颜色 工作流
下载前可预览

当前限制

结果取决于输入是否有效,以及浏览器所支持的功能。

全部工具

常见问题

继续处理

返回当前工作台,或打开相关的 TypeKitty 工具。