Web & CSS

Contrast Checker

WCAG 2.x contrast ratio and AA/AAA pass/fail for text and UI colors.

Runs entirely in your browser: nothing you paste or upload is sent to a server.

Related: contrast, wcag, accessibility, a11y, aa, aaa, color, readability

More web & css

• CSS Beautify & Minify — Beautify CSS for reading or minify it for production, with size savings.
• HTML Beautify & Minify — Format or minify HTML while preserving <pre>, scripts and inline whitespace.
• CSS Gradient — Design linear, radial and conic gradients visually and copy the CSS.
• Box Shadow — Layer multiple box-shadows with live preview and copy-ready CSS.
• Border Radius — Shape per-corner and elliptical border radii visually.
• Color Converter — Convert between HEX, RGB, HSL, HSV, HWB and OKLCH notations.
• Meta & Open Graph Tags — Generate SEO, Open Graph and Twitter card tags with a link-preview mockup.
• SVG Viewer & Optimizer — Preview SVG safely, optimize it with SVGO, format it and export a data URI.