Friday, November 30, 2007

Week 13 Blog - 10 colour contrasting checking tools to improve the accessibility of your design

I have read an article about 10 colour contrasting checking tools to improve the accessibility of your design.

In this article, we can use the Color Contrast Tool to check whether the page is readable or not. The readability is very important factor in the web design.

Here are the difficult Colour Brightness formula and Colour Difference Formula.

Colour Brightness Formula
((Red value X 299) + (Green value X 587) + (Blue value X 114)) / 1000
The difference between the background brightness, and the foreground brightness should be greater than 125.
Note: This algorithm is taken from a formula for converting RGB values to YIQ values. This brightness value gives a perceived brightness for a colour.

Colour Difference Formula
Colour difference is determined by the following formula:
(maximum (Red value 1, Red value 2) - minimum (Red value 1, Red value 2)) + (maximum (Green value 1, Green value 2) - minimum (Green value 1, Green value 2)) + (maximum (Blue value 1, Blue value 2) - minimum (Blue value 1, Blue value 2))

Referene link:
Color Contrast Analyser - an detail article about color contrast and color check point tool mentioned
Color Contrast Calaculator - input RGB calaculator
Color Tool - Color match, Color calaculator
Color Check - Simple color contast and bright calculator

~Hope All of You Enjoy My Sharing~

No comments: