Free · No account · Browser processing

Color contrast checker

Measure WCAG contrast between two opaque sRGB colors.

01 / Your input

02 / Your result

Your result will appear here.

How to use this tool

  1. Enter your own values, or select Load example to restore the demonstration inputs.
  2. Review Text color, Background color before selecting Run tool.
  3. Inspect the result, then copy it or download the generated file. Changing inputs clears the previous result.

Processing happens in this browser. Inputs are not uploaded or saved by the tool. Reset clears the result and restores the default settings.

Example and expected result

Black on white is 21:1 and meets AA and AAA contrast thresholds.

Limits and interpretation

Normal text AA needs 4.5:1; large text AA needs 3:1. This checks color contrast, not full accessibility.

Related tools

Further reading

Privacy and browser storage