Color Picker for Color Contrast Test Tool

Color Picker for Color Contrast Test

Also Checkout➲Random Grocery Store List Generator

The WCAG 2.0 formula differentiates between text smaller than 18pt and text larger than 18pt (or text that is bold and larger than 14pt).

For AA compliance, text should have a ratio of at least 4.5:1 (larger text, at least 3:1).

Also Checkout➲Super Tiny Social Icons

For AAA compliance, text should have a ratio of at least 7:1 (larger text, at least 4.5:1).

Reference

• Contrast Ratio: http://www.w3.org/TR/WCAG20/#contrast-ratiodef
• Relative Luminance: http://www.w3.org/TR/WCAG20/#relativeluminancedef

Credits

• HTML Color Picker - jscolor.js
• Inline Web Editor - hallo.js
• Front-end Framework - bootstrap.js

Made By: xming13@Github

Checkout More Border Tools:

HERE