Visual design / thevision.cc
Choose colors for clear reading.
Check text and background colors against WCAG 2.2 text contrast thresholds, with a color preview and boundary examples.
No registration requiredInput processed locally in the browserColor contrast checker
Clear text starts with color.
This is a body-text preview. Check your actual font and background too.
Supports opaque sRGB HEX colors. Large text means at least 18pt, or bold text of at least 14pt. The tool does not inspect your actual font size.
Why readable-looking gray text can still miss the contrast threshold
Use black, white and the #777777 boundary example to understand text contrast, normal and large text thresholds, display rounding and checks on the real page.