Color Picker for Color Contrast Test
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).
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
Checkout More Border Tools:
