Color & CSS Tools — WCAG contrast, modern paste
Color tools for developers that run in your browser. Check WCAG 2.2 contrast for a pair or an N×N matrix, using modern CSS color syntax. Nothing is uploaded. Minifying theme CSS? See Minify CSS and Beautify CSS.
- Paste two colors and read the AA, AAA and non-text 3:1 results without extra steps.
- Audit a token palette on a sticky-header matrix with a conformance filter.
- Share a URL that restores your colors and options. It is separate from the social share buttons.
WCAG Color Contrast Checker
WCAG 2.2 contrast for a pair or a matrix. Paste OKLCH and color() values, add an optional APCA beta overlay and share the result by URL.
Color Converter
Paste any CSS color and get HEX, RGB(A), HSL(A), HWB, LAB, LCH, OKLAB, OKLCH and color() together. Alpha and gamut are handled.
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 scales of tints and shades toward white and black, with adjustable steps and HEX, RGB or HSL output.
CSS Border Radius Generator
Paste a CSS border-radius, adjust the corners visually and copy the CSS or Tailwind. Elliptical slash syntax and a shareable URL are supported.
CSS Box Shadow Generator
Paste a CSS box-shadow, stack layers visually and copy CSS, Tailwind or Bootstrap. Inset, multiple layers and a shareable URL are supported.
