Contrast Checker
Local: never uploadedRuns in your browser. Files never upload.
Check the contrast ratio of two hex colors against WCAG AA for body text.
AA for body text is 4.5:1. Large text can pass at 3:1; this page reports the body-text bar.
- 1Enter foreground and background hex.
- 2Read the ratio.
- 3Adjust until it passes.
Passes WCAG AA for body text.
About this tool
Contrast Checker is a free developer tool on Tools On Tab. Check the contrast ratio of two hex colors against WCAG AA for body text. Compare two hex colors and show the contrast ratio against the WCAG AA bar of 4.5 to 1 for body text. Contrast Checker is built for a single job you can finish without creating an account. AA for body text is 4.5:1. Large text can pass at 3:1; this page reports the body-text bar. How to use Contrast Checker. Step 1: Enter foreground and background hex. Step 2: Read the ratio. Step 3: Adjust until it passes. The page updates as soon as the work finishes, and the download stays on this device. This tool runs in your browser. The file you drop is read in this tab, turned into a result, and offered as a download on this device. Closing the tab drops the working copy. Tools On Tab does not keep a copy of the file on a server for later. When to use Contrast Checker: use it when you need a quick, private pass at this job and you do not want to send the file to a conversion site. Keep a copy of the original. Compare the result before you send it on. What this page does not do: it is not a desktop suite, a government filing desk, or a hosted document locker. AA for body text is 4.5:1. Large text can pass at 3:1; this page reports the body-text bar. If the file uses a feature this browser build cannot read, the page shows an error and does not pretend the job succeeded. Related work on Tools On Tab sits in the same category and in the related list under this article. Open those pages when you need a second pass, such as shrinking a file after a conversion or checking a hash after a download. Searchers often look for a free in-browser contrast checker that does not ask for an email. This page is that tool: the form is on this URL, the steps are listed above, and the questions below match the FAQ markup search engines read. Privacy note, again, because the footer and the FAQ have to say the same thing: local tools never upload the file. A download is a blob your browser saves. Network tools name the request they make. Closing the tab drops the working copy. Limits worth reading before you start: AA for body text is 4.5:1. Large text can pass at 3:1; this page reports the body-text bar. If a result looks wrong, keep the original and try a second pass with a related tool from the list under this article. This page is meant to be used, not only indexed. The form is in the HTML, the related links are real /tools/ paths, and the questions below stay in sync with the FAQ schema on the same URL.
Questions
- What is AA?
- A common contrast bar for readable text on the web.
- Does it use the network?
- No.
- Share a pair?
- The fields sync to the query string so you can copy the link.
- P3 colors?
- This page uses sRGB hex.
Related tools
JSON formatterPretty-print JSON with a two-space indent, and show the parse error when the text is invalid.
CSV and JSONConvert a CSV table to JSON, or a JSON table to CSV, keeping commas that sit inside quotes.
Base64Encode text or a file up to 8 MB into Base64, or decode Base64 text back into text.
URL encode and decodeEncode text as a URL query value, or decode percent-escapes back into text.
JWT decoderRead the header, payload, and expiration time of a JSON Web Token.
Free UUID v4 GeneratorGenerate one version-4 UUID from the browser's random source.
Regex testerTest a JavaScript regular expression against sample text and list the matches.
Cron explainerExplain a five-field cron expression and list the next five run times on this device.