Color & CSS Tools — WCAG contrast, modern paste
Paste-local color tools for developers. Check WCAG 2.2 contrast on a pair or an N×N matrix with modern CSS color syntax. Nothing is uploaded. Working on minifying theme CSS? See Minify CSS and Beautify CSS.
- Paste two colors and read AA/AAA plus non-text 3:1 without an extra click.
- Audit a token palette on a sticky-header matrix with a conformance filter.
- Share a URL that restores your colors and options — distinct from social share buttons.
WCAG Color Contrast Checker
WCAG 2.2 contrast on a pair or matrix — OKLCH and color() paste, optional APCA beta overlay, shareable URL.
Color Converter
Paste any CSS color and get HEX, RGB(A), HSL(A), HWB, LAB, LCH, OKLAB, OKLCH, and color() at once — alpha and gamut aware.
PX / REM / EM Converter
Paste a px, rem, or em length and see all three units at once, plus a live reference table of common px values.
Color Shades & Tints Generator
Paste a color and get live Tints and Shades scales toward white and black — adjustable steps, HEX/RGB/HSL output.