CONTRAST
CHECKER
Check color contrast ratios and see whether your text combinations meet accessibility standards.
Contrast Matters
This is how your text combination looks. Readable typography ensures that your content is accessible to all web users.
HOW IT WORKS
PICK COLORS
Enter HEX codes or use native pickers to select Foreground (text) and Background colors.
LUMINANCE MATH
Relative sRGB luminance values are calculated to produce exact `(L1 + 0.05)/(L2 + 0.05)` ratios.
CHECK COMPLIANCE
Review automatic PASS/FAIL evaluation for WCAG AA and AAA normal and large text sizes.
COPY CODE
Copy contrast ratio reports or CSS `color`/`background-color` rules straight to your clipboard.
FEATURE HIGHLIGHTS
WCAG 2.1 COMPLIANCE
Instant scoring against WCAG AA (4.5:1 / 3:1) and AAA (7:1 / 4.5:1) accessibility criteria for all font sizes.
LIVE TYPOGRAPHY PREVIEW
Real-time visual rendering of sample headings and body paragraph text directly on your background color.
ONE-CLICK COLOR SWAP
Invert foreground and background colors instantly to test dark-mode and light-mode color combinations.
100% PRIVATE & LOCAL
All contrast ratio calculations occur locally inside your browser memory without remote requests.
CLIENT-SIDE PRIVACY
ManyTinyTools operates browser-first. Your foreground and background color choices, contrast calculations, and copied reports remain strictly inside your browser memory and are never uploaded or stored remotely.
COLORS
MATH
REPORT