devtools
🔒 Local processing
Local developer utility

Color Contrast Checker

Calculate WCAG contrast ratio and AA/AAA text contrast for two colors. Your input stays in your browser while you work.

Contrast Checker🔒 Processed locally
Sample headingThe quick brown fox jumps over the lazy dog.

How to use Contrast Checker

Complete the labeled fields above, choose an action, and inspect the result before copying or downloading it.

Processing runs locally in this browser. No input is uploaded or sent to a conversion service.

Inputs

  • Text color
  • Background color