Colour Contrast Analyser by TPGi
The Colour Contrast Analyser (CCA) is free and available for both Mac and PC. Once downloaded, use the eyedropper to select your foreground and background colors.
Check the results against WCAG level AA standards. Text is considered large if it is 18pt and larger, or 14pt and larger if it is bold. In this case, the orange and green only pass AA for large text:
WebAIM Contrast Checker
The WebAIM Contrast Checker is a web-based tool that does not require installation. It can check for contrast anywhere on your screen.
If you don’t know the color codes, this checker does have an eyedropper tool. Click on the current color to access the eyedropper tool.
Use the eyedropper tool to select the foreground color. Repeat these steps with the background color.
The WAVE Tool by WebAIM
The WAVE Tool is a free Chrome extension that has a color contrast checker included. This tool only checks content within a browser. Check the results against WCAG level AA standards.
You can use the eyedropper tool to check contrast both in and outside of the browser. Click on the color to input RGB codes or select the eyedropper tool.
Color Contrast Analyzer by North Carolina State University
Most contrast tools assume that text is placed against a solid background. They can’t easily account for text on gradient backgrounds or images.
The Color Contrast Analyzer Extension helps to solve this problem, although it only works within Chrome. It repaints a web page to show which text fades into the background. If there is an item that is not outlined, then the item does not have sufficient contrast.
Here is a sample image of white text on a photo background, shown before using the analyzer.
After using the analyzer, you can see that much of the white text fades into the background photo. These are areas of poor contrast.