How to use Colour Contrast Checker
Choose the foreground and background colours, optionally change the sample text, then check the contrast ratio and WCAG pass or fail results.
What the tool does
Compare foreground and background colours and check WCAG contrast ratios for normal and large text.
Supported inputs
Foreground colour, background colour and optional sample text.
Actual output
The contrast ratio plus WCAG pass or fail results for normal and large text.
Privacy and processing
Image processing runs in the browser where the interface states that local processing is supported.
Limitations
Browser support, source file structure and available memory can affect results. Keep the original file and review the downloaded output.
Common mistakes
Check the exact foreground and background colours used in the final design. Contrast compliance does not by itself guarantee overall accessibility.
Frequently asked questions
What can I use Colour Contrast Checker for?
Compare foreground and background colours and check WCAG contrast ratios for normal and large text.
What input does Colour Contrast Checker accept?
Foreground colour, background colour and optional sample text.
What should I check after using Colour Contrast Checker?
Browser support, source file structure and available memory can affect results. Keep the original file and review the downloaded output.
Related tasks and guides
- Image Format Converter — Convert an uploaded image to the selected output format and quality setting.
- Image Rotation and Flip Tool — Apply transform using rotation.
- Background Remover — Remove background using method, edge softness, background colour, and tolerance.
- Image Enhancer and Upscaler — Enhance and upscale using upscale and sharpen amount.