🎨 Design, Images & Documents
CSS and color generators, QR and barcode makers, signature and diagram tools, plus private image and PDF processing that never uploads your files.
33 free tools across 3 categories.
CSS & Color (12 tools)
CSS Border Radius Generator
Generate border-radius visually. Control each corner individually. px or %. Copy CSS.
CSS Box Shadow Generator
Design box shadows visually. Adjust offset, blur, spread, color. Live preview. Copy CSS.
CSS Clamp Generator
Generate CSS clamp() for fluid typography and spacing. Min, preferred, max. Copy instantly.
CSS Grid Generator
Build and customize CSS Grid layouts visually. Drag to rearrange items, set columns/rows/gaps, copy CSS code. Free online tool.
CSS Minifier
Minify and compress CSS. Strip whitespace, remove comments, reduce file size.
Color Blindness Simulator
Color blindness simulator. 4 types, Canvas LMS matrix.
Color Code Converter
Convert HEX to RGB and HSL. Pick colors and copy codes.
Color Contrast Checker
Check WCAG color contrast ratios. AA/AAA compliance for normal and large text. Free, instant, no upload.
Color Palette Generator
Complementary, analogous, triadic, monochrome palettes.
Color Picker — Eyedropper & Spectrum
Pick colors from images with the eyedropper or explore the interactive color spectrum. Copy HEX, RGB, HSL codes with auto-history (last 10 colors). Free online tool.
Gradient Generator
CSS gradients: linear, radial, conic. Copy CSS code.
SVG Optimizer
Minify and clean SVG code. Remove metadata, comments, whitespace.
Images & PDF (11 tools)
GIF Maker
Create animated GIFs from multiple images. Combine, reorder, adjust timing, preview, and download — all in your browser with zero uploads.
Image Compressor
Compress JPEG, PNG & WebP images. One slider, instant results.
Image Cropper
Crop, rotate & flip images in your browser. Canvas API, no upload.
Image Filters & Adjustments
Adjust brightness, contrast, saturation & Gaussian blur. Per-channel RGB contrast. Canvas API, no upload.
Image Format Converter
PNG, JPEG, WebP conversion. Batch processing support.
Image Resizer & Compressor
Resize & compress images. Canvas API, no upload.
Image to PDF
Convert JPG, PNG, WebP images to PDF. A4/Letter, margins.
PDF Merge
Combine multiple PDFs into one. Drag-and-drop, reorder, instant download.
PDF Split
Split PDFs by page range. Extract individual pages or ranges.
PDF to Image
Convert PDF pages to PNG, JPG, or WebP images. High quality.
Video to GIF Converter
Convert video to animated GIF in your browser. Trim, set frame rate, adjust quality — all client-side with zero uploads. Supports MP4, WebM, MOV.
Visual Assets & Diagrams (10 tools)
Aspect Ratio Calculator
Aspect ratio calculator. YouTube, Instagram, TikTok presets.
Barcode Generator
CODE128, EAN-13, UPC barcodes. Download SVG/PNG.
DPI & PPI Calculator
Calculate screen pixel density. For designers and developers.
Favicon Generator
Design pixel-perfect favicons free online. Draw on a 32×32 canvas with 16 templates, preview at all favicon sizes, and export as PNG or real ICO. No upload required.
Meme Generator
Create classic memes with Impact-style text on Canvas. Upload your own image up to 10MB or pick from 6 templates. Customize text, font, color, outline, then export as PNG or copy to clipboard. Free, no sign-up, no watermark.
Online Whiteboard
Free online whiteboard drawing tool. Draw freehand, create shapes, add text, and export as PNG or editable SVG. Zero dependencies, no sign-up, all data stays in your browser.
Pixel Art Maker
Draw pixel art on a customizable grid. 24-color palette, 3 grid sizes, click-and-drag drawing, and PNG export. Free, no sign-up.
QR Code Generator & Scanner
Create and scan QR codes instantly. No app needed.
Signature Generator
Create a beautiful handwritten signature. Download as PNG.
Venn Diagram Maker
Create beautiful 2-circle and 3-circle Venn diagrams. Customize colors, labels, and intersection text. Export as SVG or PNG. Free, no sign-up.
How to Choose the Right Tool
| Your goal | Use this tool |
|---|---|
| Design layered box shadows visually | CSS Box Shadow Generator |
| Generate fluid responsive typography | CSS Clamp Generator |
| Build a harmonious color palette | Color Palette Generator |
| Combine multiple PDFs into one file | PDF Merge |
| Check text/background color accessibility | Color Contrast Checker |
| Create a QR code for a URL or WiFi | QR Code Generator & Scanner |
Frequently Asked Questions
Box Shadow vs Drop Shadow — which CSS generator should I use and why?
Use the CSS Box Shadow Generator for element-level shadows on cards, buttons, and modals. It supports multiple shadow layers — combine a tight shadow for depth with a wide blur for elevation. CSS box-shadow follows the element's border box. If you need a shadow that follows the actual shape of a transparent PNG or SVG (not its bounding box), you'd use filter: drop-shadow() — but for 99% of UI work, box-shadow is what you need. The visual editor shows results in real time as you adjust offset, blur, spread, and color.
Does the CSS Clamp Generator produce responsive typography that actually works across devices?
Yes — the CSS Clamp Generator creates fluid values with clamp(min, preferred, max), supported in all major browsers since 2020. You define a minimum size (mobile), a preferred viewport-based size, and a maximum cap (desktop). The live viewport simulator lets you test at different widths before copying the CSS. The output is production-ready — no media queries needed for responsive sizing.
Are my PDF files uploaded to a server — how does client-side PDF processing actually work?
No. All ToolStand PDF tools — PDF Merge, PDF Split, Image to PDF, and PDF to Image — use Mozilla's PDF.js library running entirely in your browser. Files are loaded into browser memory via the FileReader API, parsed and rendered locally, and new files are constructed in memory before triggering a download. At no point is your document transmitted to any external server. You can verify this by disconnecting your internet after the page loads — the tools still work.
Color Contrast Checker — what WCAG levels does it test and why does it matter?
The Color Contrast Checker tests text/background color pairs against WCAG 2.1 standards: AA compliance requires a 4.5:1 ratio for normal text and 3:1 for large text (18px+ or 14px+ bold), while AAA requires 7:1 and 4.5:1 respectively. The tool shows pass/fail for each level instantly. This matters for accessibility compliance — insufficient contrast makes content unreadable for users with visual impairments and can affect SEO rankings.
Which color tool should I use — Palette Generator, Color Picker, or Color Converter?
Start with the Color Palette Generator when you need a cohesive color scheme — it generates complementary, analogous, triadic, and monochromatic palettes from a base color using color harmony rules. Use the Color Picker to extract a specific color from an image with the eyedropper tool. Use the Color Code Converter when you have a color in one format (HEX) and need it in another (RGB, HSL). They're designed as a workflow: palette for design, picker for extraction, converter for translation.