Can I use the minifiers for a full production build?
They are useful for individual assets. Use a bundler and your normal test suite for a complete application.
◐ 9 tools
Minify assets and build usable CSS
CSS, JavaScript and HTML Minifier help inspect or reduce standalone assets. The JavaScript minifier is lightweight; a production bundler is still appropriate for a full application build.
Color Palette and Color Converter help choose and translate colors. Contrast Checker evaluates text readability. Tailwind Shade Generator, CSS Gradient Generator and Box Shadow Generator produce CSS values you can adjust and copy.
CSS Minifier & Beautifier Minify JavaScript Minifier Smaller bundles HTML Minifier Preserve comments option Color Palette Generator Extract from image Color Converter — HEX, RGB, HSL, OKLCH, Lab 10 CSS formats WCAG Contrast Checker AA & AAA Tailwind Color Shade Generator (50–950) OKLCH, in sRGB gamut CSS Gradient Generator (Linear, Radial, Conic) Linear / radial / conic CSS Box Shadow Generator (Layered Shadows) Up to 8 layers
Check readability as you design
A color palette can look coherent while failing text contrast. Run the final foreground and background pairs through Contrast Checker, including the actual text size and use case.
Inspect minified output
Minification changes whitespace and sometimes syntax details. Compare the result and test it in your target browser or build pipeline before shipping.
FAQ
Short answers for the things developers usually ask before trusting a tool.
Which tool checks WCAG contrast?
Contrast Checker calculates the contrast ratio for a foreground and background color and reports the relevant thresholds.