Colour Contrast Checker
Check the contrast between different colour combinations against WCAG standards
It gives you contrast ratio (accessibility standards) for text against each pixel of multi-colored backgrounds.
Review user movement over the last 30 days.
Track rating movement over time to see whether quality signals remain stable.
Compare 1-day, 7-day, and 30-day net growth and growth rate.
Review publication date, version, supported languages, and crawl timestamps.
Review the store description, core capabilities, and common use cases.
Chrome developer tools gives you contrast ratio of text against only monochromatic backgrounds.
There are so many sites using gradients or images as backgrounds.
The texts are not accessible because there is no tool to assess them.
This tool will help you fix those issues. You can compare background against text color, text border and even element border. There is no specification for element borders but I think it might help in making better visually appealing UIs.
It will help you analysis how the background at different regions are affecting the color contrast ratio against the selected text and gives you an average contrast ratio as well.
Stay tuned for more features taking accessibility of your site to the next level. Feedback appreciated.
Inspect the latest comments and rating distribution.
Review related products from the Chrome Web Store detail page.
Check the contrast between different colour combinations against WCAG standards
Professional color picker with EyeDropper, palette generator, and WCAG contrast check. Export to ASE, GPL, or JSON.
Allows you to pick colors from any web pages, color picker to get pixel code, rgb,...
Use WCAG Contrast Checker to easily check color contrast ratio and for online accessibility testing with WCAG contrast standards.
To check the color contrast between foreground and background of the texts
Click icon to apply simple high contrast (black text on white background) to the current page.