Free Tools
Free Design Tools
Color, CSS gradients, shadows, image processing, QR codes — browser-only, no upload. Your images and designs stay on your device.
Design tools that don't require an account, don't upload your images to some third-party server, and don't put a watermark on the output. Color converters, gradient builders, image compression, format conversion, QR codes — all client-side, all instant.
HEX to RGB Converter
HEX ↔ RGB ↔ HSL with WCAG contrast
Color Palette Generator
5 schemes, export as Tailwind / CSS / JSON
CSS Gradient Generator
Linear, radial, conic — copy CSS or Tailwind class
CSS Box Shadow Generator
Multi-layer shadows with live preview + presets
Favicon Generator
PNG sizes 16/32/48/192/512 from initials
QR Code Generator
URLs, WiFi, vCard, custom colors, PNG + SVG
Image Compressor
Up to 80% smaller — browser-only, drag and drop
Image Resizer
Resize by pixels or %, social presets, batch
Image Format Converter
PNG ↔ JPG ↔ WebP ↔ AVIF — browser-only, batch
Frequently Asked Questions
Do the image tools upload my images to a server?▾
No. Image compression, resizing, and format conversion all run entirely in your browser using the Canvas API. Your images never leave your device — important when you're processing sensitive screenshots, internal mockups, or client work under NDA.
What's the difference between PNG, JPG, WebP, and AVIF?▾
PNG: lossless, supports transparency — best for logos, screenshots with text. JPG: lossy, smaller files — best for photos. WebP: modern, ~30% smaller than JPG/PNG with similar quality, supported everywhere now. AVIF: next-gen, ~50% smaller than JPG, but slower to encode and slightly less universal browser support.
Can I use these for accessibility checking?▾
The HEX/RGB/HSL converter shows WCAG contrast ratios for any color pair — useful for checking text legibility against backgrounds (WCAG AA requires ≥4.5:1 for body text, ≥3:1 for large text).
Will these tools work on slow phones?▾
Yes. The pages themselves are static and lightweight. Image processing is the slowest task — for very large images (4000×4000+), expect a few seconds on lower-end hardware. Most modern phones handle 1080p images instantly.
Can I generate Tailwind-compatible output?▾
Yes — the gradient generator outputs both raw CSS and Tailwind utility classes. The color palette generator exports as Tailwind config blocks. The px-to-rem converter (in Developer Tools) shows the Tailwind size scale.