Contrast ratio

A simple HTML & JS widget for calculating color contrast, allowing developers to make the ideal text-on-background color selections
Contrast ratio - A toolkit for calculating text-background contrast, according to the WCAG 2.0 standard
  2 Screenshots
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
license type:

Other Free / Open Source License

developed by:
Lea Verou
operating system(s):
Windows / Linux / Mac OS / BSD / Solaris
C: \ Text Management \ Text Tools
Contrast ratio
Download Button

In a hurry? Add it to your Download Basket!

user rating 1



Rate it!
2 Screenshots
Contrast ratio - There's also the ability to switch colors between them for a better ratio

Add your review!