devtools
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

Related tools

  • CSS Unit Converter — Convert px, rem, and em using explicit root and parent font sizes.
  • CSS Beautifier — Format CSS with readable indentation locally.
  • Minify CSS — Remove CSS comments and unnecessary whitespace locally.
  • Color Converter — Convert hex, RGB, and HSL colors locally.