Color Picker for Color Contrast Test Tool

Color Picker for Color Contrast Test

Also Checkout➲Github Profile Searcher

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➲Random Dad Joke Generator - Don't Laugh Challenge

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