This is a simple and straightforward foreground/background color contrast checker built as a tool for graphic designers. Ratio checking complies with the stated WCAG 2.0 rules.
Currently available for use right here.
Input a color value to the foreground and background fields to check the color ratio. You can also use the dropdown color picker by clicking on either swatch and adjusting the sliders to your liking. Once the color ratio is higher than 7.1:1, all of the checks should appear green and you can be on your merry way.
The fields accept hex, rgb, html color, or any color format you could possibly think of. Once the slider is adjusted they will automatically output hex.
Bug reports and pull requests for this project are welcome at its GitHub page. I'm happy to field suggestions and implement updates, but I may be a little slow. For general contact, please feel free to reach out at alexanderbglover@gmail.com.
This project is open source, under the terms of the MIT license.