Colour Contrast Checking

Want to know how readable your text or the colours on your signature are? Check here!

Contrast, contrast, contrast! Good contrast is just one key component to good readability in design and one of the most basic design principles. When creating character post tables (aka "post scripts", or whatever it is those newfangled kids are calling them these days), and site layouts, it is very important to maintain good contrast. Although this page is specifically about colour contrast, the principle of contrast is not simply limited to colour. It can encompass visual separation, size of elements, and even alignment.

This page will help you determine whether or not two colours have high enough contrast in order meet the readability requirements of the Web Content Accessibility Guidelines (WCAG) 2.0 issued by the W3C. Simply enter in two hexadecimal colour codes and the script will score them for readability.

Colours

Foreground Colour: Background Colour:

Contrast Score

Color Difference: Pass (540) Should be greater than 500.
Brightness Difference: Pass (181.6) Should be greater than 125.
Luminosity Contrast: Pass (10.48) Should be greater than 5.

Example

Sizzle ullamcorper. Aliquizzle sagittizzle fo shizzle pot rizzle. Vestibulizzle ante ipsizzle primis get down get down faucibizzle ass luctus crackalackin ultrices you son of a bizzle shizzlin dizzle Curae; Aenizzle vestibulizzle. Pellentesque my shizz morbi pot senectizzle et netus its fo rizzle malesuada famizzle fizzle phat egestizzle. tempizzle crackalackin bling bling. Aliquizzle erizzle . Vivamizzle check it out enizzle, scelerisque izzle, black a, rizzle vizzle, arcu. Nulla owned. Donizzle bow wow wow, est at pharetra crackalackin, magna erat ultricies check out this, nizzle dizzle urna shiznit quizzle black. That's the shizzle for sure neque, rizzle ut, cool its fo rizzle, ass fizzle, leo. Praesent my shizz sizzle, cool sizzle i saw beyonces tizzles and my pizzle went crizzle, check it out check it out, dignissizzle shizznit, arcu. Brizzle eget you son of a bizzle crunk bow wow wow ullamcorpizzle for sure. Fo shizzle mah nizzle fo rizzle, mah home g-dizzle quam. Mauris things urna, tempor id, scelerisque venenatizzle, sodales nizzle, felis. Etizzle gravida.

Join us today!

It looks as though you haven't created an account...
Why not join today?!