Design Tools
Pick a color off the screen, tune a CSS gradient, generate QR codes and barcodes, preview SVG, check for dead pixels, or grab a clean solid-color backdrop — no heavyweight design suite required.
Design Tools · 15 tools
Color Picker
Convert HEX, RGB, HSL and HSV values with shades and complementary colors. Fully processed in your browser.
QR Code Generator
Generate QR codes for text, URLs and contact cards with custom colors, size and high-resolution download.
CSS Gradient Generator
Build linear and radial CSS gradients visually with live preview and one-click copy. Fully processed in your b…
Color Format Converter
Convert colours between HEX, RGB, HSL, HSV, CMYK and CSS custom properties, with luminance, contrast and hue a…
Palette Generator
Build a full palette from one base colour with complementary, analogous, triadic, tetradic and split-complemen…
Barcode Generator
Create CODE128, EAN13, EAN8, UPC, CODE39 and ITF14 barcodes with custom colors and sizes. Download PNG or SVG.
SVG Viewer
Preview and edit SVG source with instant rendering and file download. Fully processed in your browser.
Font Preview
Preview text in any locally installed font or upload TTF, OTF, WOFF and WOFF2 files. Adjust size, weight, spac…
Color Cards
Generate colour swatch cards by family with values and contrast previews. Copy HEX, RGB or HSL in one click — …
CSS Animation Gallery
A curated gallery of CSS animations with live previews — fades, slides, zooms, spins, bounces, shakes, flips a…
Solid Color Generator
Generate solid-color images in any color and size with presets for 1080p, 2K and 4K. Download PNG or JPG. Full…
Screen Test
Check your display for dead pixels, bright spots and backlight bleed with multiple pure-color and contrast tes…
Placeholder Image Generator
Make placeholder images at any size and colour, exported as SVG, PNG, JPEG, WebP, a Base64 data URI or plain C…
CSS Box Shadow Generator
Tune multi-layer box-shadows visually: offset, blur, spread, colour, opacity and inset. Six presets cover subt…
Electronic Seal Maker
Make a seal image in four layouts: round company seal, oval invoice seal, square personal seal and rectangular…
Design tools generate and inspect visual assets: color picking, gradients, QR codes, barcodes, screen tests, solid colors, SVG preview and font preview.