Design & Media Studio
A designer's Swiss Army knife: image editing, colour palettes, gradient and shadow generators, SVG tools, and favicon creation.
Tools in This Collection
35 toolsASCII Art Generator
Turn a photo into text-based ASCII art, or type a short message as a large block-letter banner — both rendered entirely in your browser.
Base64 to Image
Paste a Base64 string or data URI and preview the decoded image instantly — auto-trims whitespace, lets you pick the assumed format, download in one click.
Border Radius Generator
Shape rounded corners visually — control all four corners independently or link them together, with instant preview and CSS output.
Box Shadow Generator
Build pixel-perfect box shadows with live preview — control offsets, blur, spread, colour, and opacity, then copy the CSS in one click.
CMYK to Pantone
Find the closest Pantone colour for any CMYK mix — top 3 matches with official-looking names and swatches.
Color Blindness Simulator
Simulate Protanopia, Deuteranopia, Tritanopia, and Achromatopsia — see your image through another pair of eyes.
Color Converter
Bidirectional color converter — HEX, RGB, HSL, HSV, CMYK, plus a native color picker, all updating live as you type.
Color Mixer
Mix two colours with a ratio slider — see the result in HEX, RGB, and HSL, and preview both original colours alongside the blended output.
Color Name Finder
Find the closest CSS named colour for any hex code — top 5 matches ranked by RGB distance.
Color Scheme from Image
Generate a complete 12-colour design scheme from any image — primary, secondary, accent, tints, shades, plus a live preview card.
Contrast Checker
Check the WCAG 2.1 contrast ratio between foreground and background colours — pass/fail for AA and AAA at a glance.
CSS Animation Generator
Build CSS @keyframes animations visually — choose from 7 preset templates, tweak every parameter, and see your animation play live.
Favicon Generator
Turn any image into a complete favicon package — six PNG sizes plus a combined multi-resolution .ico file, generated locally in your browser.
Gradient Generator
Build live CSS gradients — Linear, Radial, and Conic — with multiple colour stops, angle control, and copyable CSS output.
Image Color Picker
Pick any pixel colour from an uploaded image — zoom lens, live HEX/RGB/HSL, lock colour on click.
Image Compressor
Shrink an image's file size by re-encoding it at a chosen quality level — live before/after size comparison, JPEG/WebP/PNG output, done locally.
Image Cropper
Crop any image to exactly the area you need, with a live preview — nothing is uploaded, everything happens in your browser.
Image Flip & Rotate
Flip an image horizontally or vertically and rotate it by any angle — quick 90/180/270° buttons or a free-angle slider, corners never clipped.
Image Format Converter
Convert an image between PNG, JPEG, WebP and BMP entirely in your browser — no upload, instant preview, adjustable quality.
Image Palette Extractor
Extract dominant colours from any image — colour quantization, percentage breakdown, click-to-copy hex codes.
Image Resizer
Resize any image to an exact width and height in your browser — optional aspect-ratio lock, PNG/JPEG/WebP output, nothing uploaded.
Image to Base64
Convert an image into a Base64-encoded string — full data URI or raw Base64, character count, one-click copy, all done locally.
Image to Text (OCR)
Extract text from any image or scanned document — 16 languages, entirely in your browser via WebAssembly OCR.
Images to PDF
Convert one or more images into a single PDF — JPG, PNG, WebP, all supported.
Material Color Generator
Generate a full Material Design colour palette — 50 through 900 shades plus A100-A700 accent colours from any primary hex.
Palette Generator
Generate harmonious colour palettes from a base colour — Complementary, Analogous, Triadic, Tetradic, and Monochromatic.
PDF to Images
Convert each PDF page to a high-resolution PNG image — download all at once or page by page.
Photo Editor
Adjust brightness, contrast, saturation, grayscale, sepia and blur on your photo with live sliders, then download the result — all in your browser.
Placeholder Image Generator
Generate a simple placeholder image for wireframes and mockups — custom size, colors and text, auto-sized to fit, PNG/JPEG/WebP output.
QR Code Scanner
Decode any QR code from an uploaded image or your camera — instantly, entirely in your browser.
Random Color Generator
Generate truly random colours with channel locking and a 5-colour history — copy the hex code with one click.
SVG Editor
A basic visual vector shape editor — rectangles, circles, lines, text and freehand paths, with select/move/resize and real SVG or PNG export.
SVG Optimizer
Clean and minify pasted SVG markup — strip comments, editor metadata and excess precision, with a before/after preview and byte-size reduction.
Text Shadow Generator
Add depth to your typography — control shadow offset, blur, colour, and preview on custom text with live CSS output.
Tint & Shade Generator
Generate 10 tints and 10 shades from any base colour — 21 swatches with hex codes, one click to copy.