Color contrast checker.
Check any text and background pair against WCAG AA and AAA — and see the largest readable size at a glance.
- Runs in your browser
- Nothing is uploaded
- Free — no sign-up
Large text is 24px+, or 18.66px and bold. AA is the common legal and procurement bar; AAA is the stricter target for body text.
Good to know.
A color contrast checker measures the ratio between text and its background and tells you whether it passes WCAG AA and AAA for accessibility. This free tool shows the exact ratio with a live preview for normal and large text.
The number accessibility is graded on
WCAG measures readability as a contrast ratio between text and background, from 1:1 to 21:1. Enter two colors and see the exact ratio and whether it passes AA and AAA for normal and large text.
Where it actually matters
Low contrast is the most common accessibility failure — and the one enterprise buyers and audits check first. This tells you instantly whether your colors are readable, before it is a problem.
How to check color contrast
Enter your text color. Set the foreground color.
Enter your background color. Set the color behind the text.
Read the ratio. See the exact contrast ratio.
Check AA and AAA. Confirm it passes for normal and large text.
Frequently asked
Accessible by default, not as a retrofit.
Checking one pair is easy; shipping an accessible site is the work. sparx Builder blocks are responsive and accessible out of the box, so contrast, focus states, and semantics are handled before you publish.
What you get with sparx Builder.
The website module. Pick a theme, edit blocks in the browser, point your domain. SSL and the global CDN are handled for you. The same builder serves a one-page portfolio, a 40-post blog, or a 50,000-SKU catalog.
Theme-first.
Start from a polished theme, change the parts that matter, publish. Want full control? Build a custom frontend against the same API — coding optional, never required.
Block editor.
Drag, drop, edit in the browser. Every block is responsive and accessible by default — clean markup, no mystery wrappers, no shadow DOM.
Custom domain + SSL.
Point your DNS and your certificate provisions itself. No separate DNS service, no certificate to renew, no upcharge.
Builder is one module on the sparx platform — activate it alongside storefront, CRM, CMS, email, and B2B on one data layer and one bill. Only pay for what you run.
More free tools.
Every sparx tool runs entirely in your browser — free, no account, nothing uploaded.
Favicon generator
Turn a PNG or SVG into a complete, real-world favicon set — .ico, Apple touch, maskable, web manifest, and the exact markup to paste.
BuilderQR code generator
Make crisp, customizable QR codes for a link, menu, Wi-Fi, contact card, or message — with your colors and logo. Download PNG or SVG.
CommerceUTM link builder
Build clean, consistent campaign URLs with proper utm_ parameters — presets, validation, a saved history, and a one-tap QR for every link.
CRMOpen Graph image maker
Design a sharp 1200×630 social share card — title, accent, logo, and theme — and download the PNG that makes your links look intentional.
CMSEmail signature generator
Build a clean, professional HTML email signature with your photo, logo, and links — then copy it straight into Gmail, Outlook, or Apple Mail.
Email