Contrast ratio

A simple HTML & JS widget for calculating color contrast, allowing developers to make the ideal text-on-background color selections
Using the WCAG 2.0 standard, this widget will compare two color codes and calculate their color contrast ratio.

The "Contrast ratio" widget relies on using one color for the background and the second for the text. The same process is re-applied, but with the color codes inverted between the two.

It then goes on to apply the standard readability algorithm, and calculate a coefficient for each version.

For every calculated ratio, the user can hover his mouse over the value and see more details about the result, and then choose the one with the best value.

last updated on:
January 15th, 2013, 0:27 GMT
developed by:
Lea Verou
license type:

Other Free / Open Source License

operating system(s):
Windows / Linux / Mac OS / BSD / Solaris
C: \ Text Management \ Text Tools


In a hurry? Add it to your Download Basket!

user rating 1



Rate it!
2 Screenshots
Contrast ratio - A toolkit for calculating text-background contrast, according to the WCAG 2.0 standardContrast ratio - There's also the ability to switch colors between them for a better ratio

Add your review!