Foreground/Background Color Contrast Analyzer

Based on W3C algorithms as explained by Vision Australia. Thanks for the great articles.

Made by Colin Lieberman. This is version 1.2 - 23 April 2006.

Results:

Foreground:

Background:

Nullam nisi. Vestibulum mollis, enim et elementum tempor, tortor tellus rhoncus velit, eu mollis.

Color Contrast

  • Foreground Brightness (x):
  • Background Brightness (y):
  • Sufficient Contrast (|x-y| > 125):

Color Difference

  • ∆R:
  • ∆G:
  • ∆B:
  • Sufficient Difference ((∆R + ∆G + ∆B) >500):

Foreground (text) Color:

Decimal:

or Hex:

#

Background Color:

Decimal:

or Hex:

#

About this Tool

This tool calculates the degree of contrast and difference between two colors. Colors may be inputed as decimal (0-255) or hex (#000000-#FFFFFF) values. This is a very early version hacked together in a few hours; things to work on include: not requiring js to work, improved layout/UI, and better handling of error messages. For questions, comments, or suggestions, please email colin [at] cactusflower [dot] org (mangled for spam protection).

Version History