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.
查看最近 30 天的用户变化。
按时间查看评分波动,辅助判断近期口碑是否稳定。
同口径展示 1 天、7 天、30 天的绝对增长与增长率。
查看发布时间、版本、支持语言、最近更新和抓取时间。
查看插件说明、主要功能和适用场景。
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.
查看最近评论和评分分布。
查看 Chrome 商店详情页中的相关产品。
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.