颜色对比度检查器

检查前景色和背景色之间的 WCAG 颜色对比度，验证 AA/AAA 合规。免费、隐私、100% 客户端运行。

输入

尝试示例:

输出

Local only

最近历史

暂无历史

使用方法

输入两种颜色（前景和背景），以换行或空格分隔。
查看对比度比率和 AA/AAA 合规结果。
调整颜色以满足无障碍目标。

使用此工具的任务

检查 color contrast for WCAG accessibility compliance

Measure contrast 比率之间 foreground 和背景 colors 和验证它 meets WCAG AA 或 AAA thresholds.

将 RGB 颜色转换为 HEX（及反向）

在 rgb() 与 #rrggbb 表示间转换颜色值，并为 CSS 工作处理 alpha 通道。

常见问题

WCAG 对比度是什么？: 比值为 (L1 + 0.05) / (L2 + 0.05)，其中 L1 和 L2 是较亮和较暗颜色的相对亮度，黑底白字为 21:1。
AA 和 AAA 的阈值是多少？: AA 要求普通文本 4.5:1、大文本 3:1；AAA 要求普通文本 7:1、大文本 4.5:1。

相关工具

颜色转换器

在 HEX、RGB、HSL、HSV 和 CMYK 颜色空间之间转换颜色，自动识别输入格式。免费、隐私、100% 客户端运行。输入 HEX、RGB 或 HSL 任一格式，即可同时获得所有五种颜色空间的值，适合前端开发、设计稿取色、印刷配色等场景。

颜色混合器

按比例混合两种颜色，支持 normal、multiply、screen、overlay、darken、lighten 混合模式。免费、隐私、100% 客户端运行。

图片取色器

从图片中提取主色调。免费、隐私、100% 客户端运行。