Color Contrast
Check WCAG contrast between two colors. Paste HEX, RGB, or HSL for foreground and background. Ratio math is local.
Runs in your browser. Nothing is uploaded.
Contrast ratio 18.07:1
- AA normal text: pass
- AA large text: pass
- AAA normal text: pass
- AAA large text: pass
About this tool
Compute WCAG 2 contrast between two colors. AA normal text needs 4.5:1; large text 3:1; AAA 7:1 / 4.5:1.
How to use: paste foreground and background as HEX, RGB, or HSL. The sample block uses those colors.
Example: teal on white typically passes AA. Related: color converter for CMYK and HSL tokens.
Related Convert tools
JSON ↔ YAML
Convert JSON to YAML and YAML back to JSON in the browser. Paste a config, Kubernetes snippet, or API fixture and copy the other format. Parsing uses js-yaml locally. Documents are never posted to a converter.
JSON ↔ TOML
Convert JSON objects to TOML and TOML documents back to JSON in the browser. Handy for Cargo.toml, pyproject, and app config fragments. Parsing stays on-device.
JSON ↔ XML
Convert JSON objects to XML and XML documents back to JSON. Useful for SOAP leftovers, RSS, and mixed API stacks. XML is parsed with the browser DOMParser so payloads stay on the device.
JSON ↔ CSV
Turn an array of JSON objects into CSV, or parse CSV headers into JSON objects. Quote-aware parsing runs in the tab so spreadsheets of IDs and emails are not uploaded to a conversion service.
JSON to SQL
Turn a JSON object or array of objects into SQL INSERT statements. Set a table name, copy the query, and keep rows on the device instead of pasting fixtures into a hosted converter.
CSV ↔ TSV
Convert comma-separated values to tab-separated values and back, preserving quoted fields. A small delimiter swap for dumps you would rather not paste into a spreadsheet SaaS.