Image & Design Tools

Free online image and design tools — image compressor, HEX to RGB converter, QR code generator, color palette extractor and CSS gradient builder.

19 tools

Image Compressor

Compress JPEG, PNG, and WebP images in your browser. Control quality and max dimensions — no server upload required.

HEX ↔ RGB

Convert color codes between HEX, RGB, RGBA and HSL instantly, with a live visual preview. Built for designers and CSS work — free, no sign-up.

QR Code

Generate QR codes from any URL, text, email or phone number instantly and download them as PNG. Free, no sign-up, and runs in your browser.

Color Palette

Generate harmonious color palettes from any base color. Supports complementary, triadic, analogous, and monochromatic schemes.

Gradient Generator

Generate linear, radial, and conic CSS gradients visually. Add unlimited color stops, adjust angles, use presets, copy ready CSS.

Contrast Checker

Check WCAG 2.1 contrast ratios between foreground and background. Shows AA/AAA pass/fail for normal and large text sizes.

Image Resizer

Resize any JPEG, PNG, WebP or GIF to exact pixels or a percentage. Locks the aspect ratio, steps down smoothly, re-encodes in your tab.

Format Converter

Re-encode PNG, JPEG, WebP, GIF, AVIF and BMP pictures into any of four formats, 20 files per run, with a matte colour behind transparency.

Grayscale Converter

Convert any photo to grayscale, sepia, high-contrast B&W, or inverted colours — all in the browser. Upload JPEG, PNG or WebP and download instantly.

Brightness & Contrast

Adjust brightness, contrast and saturation on a JPEG, PNG or WebP photo, then copy the matching CSS filter or save the full-resolution result.

Watermark Tool

Overlay your own text on a photo — pick any corner, tile it across the frame, set opacity and rotation, then save at the original resolution.

Metadata Viewer

Read the EXIF hidden in a photo: camera, lens, shutter, ISO, capture date and GPS coordinates. The file is parsed in your browser and never uploaded.

Image Pixelator

Apply a block-averaging mosaic to any photo — square tiles, scanline bars or halftone dots. Slider from 2 to 64 px, full-resolution export, nothing uploaded.

Flip & Rotate

Flip or rotate any JPEG, PNG or WebP image in your browser. 90°/180°/270° rotation, horizontal and vertical flip. Instant preview, no upload.

Image Cropper

Crop JPEG, PNG or WebP images with a drag-to-select UI. Seven aspect-ratio presets, rule-of-thirds grid, JPEG/PNG/WebP output and adjustable quality.

Also in Image & Design

Tools from other categories tagged with Image & Design

YT Thumbnail Grab

Pull every thumbnail size a YouTube video publishes, from 1280x720 down, as JPG or the smaller WebP. Paste a watch, Shorts, youtu.be or embed link.

CSS Formatter

Beautify minified CSS with 2-space, 4-space or tab indent, or minify it to a single line. Preserves string values and data URIs.

Images → PDF

Convert multiple JPG/PNG images into a single PDF. Reorder pages, then print-to-PDF using your browser. 100% client-side.

PDF to Images

Export any PDF page as PNG or JPEG at 72, 150 or 300 dpi. Download pages individually or as a ZIP. Rendered client-side with PDF.js — nothing is uploaded.

Why These Tools

A browser will only decode an image so large before the tab gives up, which is why Image Compressor and Image Resizer each work on one file at a time rather than a folder. Both re-encode through a canvas element, so the pixels are never uploaded. The colour half of this category came from a different frustration. Color Contrast Checker exists because WCAG 2.1 asks for a ratio of 4.5:1 on body text and no one can judge that by eye, and HEX to RGB / RGBA / HSL Converter exists because CSS wants one notation while the design tool hands you another.