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
price:
FREE!
developed by:
Lea Verou
homepage:
leaverou.github.com
license type:

Other Free / Open Source License

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

FREE!

In a hurry? Add it to your Download Basket!

user rating 1

5.0/5
 

0/5

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!

SUBMIT