Tool Hub

๐ŸŽจ Design

Base64 Imageโ˜…โ˜…โ˜…โ˜…โ˜…

Convert images to and from data:image Base64 strings

QR Code Generatorโ˜…โ˜…โ˜…โ˜…โ˜…

QR codes for URLs, text, and Wi-Fi credentials (SVG/PNG ยท ECC L/M/Q/H)

Simple BG Removerโ˜…โ˜…โ˜…โ˜…โ˜…

Remove backgrounds by color range โ€” works well on solid backdrops

Favicon Generatorโ˜…โ˜…โ˜…โ˜…โ˜…

Generate favicon set (16/32 px and Apple Touch Icon) from one image

Gradient Generatorโ˜…โ˜…โ˜…โ˜…โ˜…

CSS linear / radial / conic gradients with color stops, preview, and copyable code

Shadow Generatorโ˜…โ˜…โ˜…โ˜…โ˜…

Stack multiple box-shadow or filter:drop-shadow layers with live preview

Image Compressorโ˜…โ˜…โ˜…โ˜…โ˜…

Compress JPEG/WebP/PNG with quality + max-width controls (canvas, no deps)

SVG Optimizerโ˜…โ˜…โ˜…โ˜…โ˜…

Strip metadata and reduce SVG file size

Contrast Checkerโ˜…โ˜…โ˜…โ˜…โ˜…

Check WCAG 2.1 contrast ratio between text and background

Palette Extractorโ˜…โ˜…โ˜…โ˜…โ˜…

Extract dominant colors from an image with k-means clustering (no dependencies)

Tailwind Colorsโ˜…โ˜…โ˜…โ˜…โ˜…

Tailwind v3 default palette (22 hue ร— 11 shade) โ€” click to copy hex

CSS clamp() Calculatorโ˜…โ˜…โ˜…โ˜…โ˜…

Min/max font ยท viewport โ†’ responsive clamp() formula

CSS clip-path Makerโ˜…โ˜…โ˜…โ˜…โ˜…

Polygon handles drag โ†’ polygon() code

Glassmorphism Generatorโ˜…โ˜…โ˜…โ˜…โ˜…

Generate glassmorphism CSS with transparency and blur controls

A11y Checkerโ˜…โ˜…โ˜…โ˜…โ˜…

Static a11y check (alt/label/role/heading order) โ€” subset of WCAG 2.1

OKLCH Color Pickerโ˜…โ˜…โ˜…โ˜…โ˜…

OKLCH โ†” sRGB/HEX slider conversion

Focus Ring Testerโ˜…โ˜…โ˜…โ˜…โ˜…

Outline ยท box-shadow focus style preview