ToolPal

颜色对比度检测器

检查WCAG颜色对比度比率以确保可访问性。验证文本和背景颜色的AA和AAA合规性。

大文本预览

小正文文本预览 — 这是您的用户将阅读的内容。

17.40

对比度比率

WCAG 2.1结果

✓普通文本 AA（4.5:1）
✓大文本 AA（3:1）
✓普通文本 AAA（7:1）
✓大文本 AAA（4.5:1）

AA Normal: 普通文本最低对比度（18pt/14pt粗体以下）

AAA Normal: 普通文本增强对比度 — 最佳可读性

AA Large: 大文本最低对比度（18pt以上或14pt以上粗体）

使用方法

检查WCAG颜色对比度比率以确保可访问性。验证文本和背景颜色的AA和AAA合规性。

  1. 1Enter or pick a foreground (text) color using the color picker or hex input.
  2. 2Enter or pick a background color the same way.
  3. 3The tool calculates the contrast ratio and displays it immediately.
  4. 4Check the WCAG AA and AAA pass/fail badges for normal text, large text, and UI components.
  5. 5Adjust either color until you meet the required WCAG standard.

主要功能

  • Calculates WCAG 2.1 contrast ratio between any two colors
  • Shows pass/fail status for AA and AAA levels across text sizes
  • Color picker and hex/RGB input for precise color selection
  • Instant feedback as you adjust colors without clicking any button

常见问题

了解更多