Visual accessibility
Image Contrast Checker
Measure WCAG contrast ratios in your browser. Sample colors from images or enter hex values—numeric measurement, not certification.
- WCAG relative luminance math
- Image pixel sampling
- Accessible color suggestions
Live workspace
Run your preflight below
Results update as you edit. Nothing is sent to our servers unless you explicitly run AI image analysis.
Color sampling and contrast calculations run in your browser. Image pixels are not sent for contrast measurement.
Image for sampling (optional)
Opaque colors only. Transparency and overlays are not measured. Gradients and photos may need multiple background samples below.
Contrast ratio
21.00:1
PASS — Normal Text AA
Required for selected type (AA): 4.5:1
- AA normal
- pass
- AA large
- pass
- AAA normal
- pass
- AAA large
- pass
Human review
Visual design checklist
Not automatic pass/fail—answer honestly before you publish.
Is important meaning conveyed by color alone?
Is text placed over a busy photo, gradient, or texture?
Is critical text small or thin in the image?
Is essential text only inside the image (not in caption)?
Would the message still make sense in grayscale?
Visual summary
Measured contrast plus human review prompts and optional AI observations.
Contrast passed
1
Contrast failed
0
Human review prompts
0
AI observations
0
Not measured as WCAG pass/fail
Measured ratios apply to solid foreground and background colors. This tool supports preflight review, not legal WCAG certification.
What this tool checks
- Contrast ratio between foreground and background
- AA/AAA threshold comparison
- Multi-sample regions on photos
What it does not do
- Call AI or upload images to our server
- Replace design-system audits
- Certify entire documents or brands
Automated accessibility guidance is not legal advice or certification. Some criteria require human review in the native app.