Calculate contrast ratios and evaluate WCAG AA/AAA compliance with live typography preview.
Execution runs 100% locally inside the browser sandbox using HTML5 Canvas, Web Cryptography Subtle API, and Web Workers. Zero egress.
Zero network latency. Operates completely offline with zero dependencies on third-party backend servers or cloud services.
Built according to official RFC specifications, cryptographic test vectors, and enterprise-grade data transformation standards.
Select foreground text and background colors using the color pickers or hex inputs.
Review the contrast ratio (e.g. 4.5:1, 7.0:1) and AA/AAA compliance matrix.
Check the live typography preview to verify real-world legibility.
WCAG 2.1 Level AA requires a contrast ratio of at least 4.5:1 for normal body text (<18pt).
Large text (≥18pt or ≥14pt bold) requires a contrast ratio of at least 3.0:1 for Level AA and 4.5:1 for Level AAA.
Zero-egress companion tools in the Color & Palette suite
Generate lightweight CSS linear-gradient checkerboard grids for transparent canvas backgrounds.
Generate high-contrast, low-tension palettes (Base, +150°, +210°) on the 360° color wheel.
Generate modern iOS / macOS frosted glass cards with translucent borders and backdrop blurs.
Generate vibrant 4-color palettes spaced evenly at 90° angles around the color wheel.
