Image & Design

Generate harmonious color palettes — analogous, complementary, triadic and more.

Check text/background contrast against WCAG AA & AAA — live preview, instant pass/fail.

Pick a color and copy it as HEX, RGB, HSL or a CSS variable.

Build CSS border-radius visually — link or unlink corners, see live preview.

Build CSS flexbox layouts visually — direction, alignment, gap and wrapping — with a live preview and copy-ready CSS.

Design easing curves visually and copy the cubic-bezier() value, with a live motion preview.

Scan / decode a QR code from an image or your camera — instantly, in your browser.

Build CSS box shadows visually — control offset, blur, spread, color, opacity and inset.

Build linear or radial gradients with multiple stops — copy ready CSS.

Generate text-based favicons in 6 standard sizes (16-256px) with custom colors.

Generate QR codes for URLs, text, Wi-Fi, email and phone — 100% in your browser.

Create the frosted-glass (glassmorphism) effect — blur, transparency, tint and border — with a live preview and copy-ready CSS.

Design CSS text-shadow visually — offset, blur and color — with a live preview and copy-ready CSS.

Build CSS grid layouts visually — columns, rows, gap and responsive auto-fit — with a live preview and copy-ready CSS.

Design CSS buttons visually — colors, padding, radius, font and shadow — with a live preview and copy-ready CSS.

Create CSS keyframe animations visually — fade, slide, bounce, spin, pulse, shake — with duration, timing and a live preview. Copy-ready CSS.

Create gradient text in CSS — pick colors, angle and size — with a live preview and copy-ready CSS.

Create the soft-UI (neumorphism) effect — dual light/dark shadows — with a live preview and copy-ready CSS.

Clip elements into shapes — triangle, hexagon, star, circle and more — and copy the CSS clip-path.

Resize while preserving aspect ratio — pick a preset or use custom dimensions.

Resize an image to exact dimensions or a social-media preset — Instagram, X, LinkedIn, YouTube and more.

Remove the background from any photo automatically — runs in your browser, no upload.

Minify and clean up SVG files — smaller markup, identical look. Runs in your browser.

Shrink images by re-encoding them to WebP or AVIF with a quality slider — batch, free, in your browser.

See the hidden metadata in your photos (camera, GPS, date) and download a clean, stripped copy.

Compress JPG, PNG and WebP images in your browser — choose quality, format and max width.