Backdrop - Gradient Background Generator with Colour Picker and Animation
Unknown author · Tools
Media
3 items
Description
Full-screen gradient background generator with animated gradients, colour picker and PNG export. For screenshots, streaming and more 🎨 Backdrop is an instant full-screen gradient background generator for your browser. Choose from six handcrafted colour modes or build your own palette using the HEX, RGB or HSL colour picker. Hit a button and your gradient canvas fills the screen - static or animated - at the click of a button. Save as a high-resolution PNG at any time. Perfect for screenshot backgrounds, OBS streaming scenes, presentation slides, focus sessions and ambient displays. No tracking, no accounts. Just colour. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🎲 SIX COLOUR MODES: Click any mode to instantly generate a new palette — each click produces something different. Wide — High contrast colours spread far apart on the colour wheel. Bold, striking, unpredictable. Clash 💥 — Opposite hues forced together. Purple and yellow. Red and cyan. High tension, high energy. Neon — Maximum saturation on a dark base. Synthwave, cyberpunk, late-night vibes. Cosmic 🌌 — Deep space purples and near-blacks. Dark, mysterious, cinematic. Acid ⚡ — One punchy primary colour against dark near-black tones. Electric contrast. Candy 🍬 — Saturated pinks, purples and hot corals. Fun, bold and unapologetically vibrant. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🖌️ CHOOSE YOUR OWN COLOURS Prefer to pick your own? Click any colour swatch to open the colour picker and enter values as HEX, RGB or HSL — whatever works for your workflow. Add up to five colour stops, cycle them around, or remove ones you don't want. Your choices are saved automatically between sessions. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🌈 GRADIENT OPTIONS Diagonal, horizontal, vertical, radial, or solid colour. Up to five colour stops. Perceptually smooth gradients using OKlab colour interpolation — no harsh edges or unexpected brightness spikes. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ⌨️ CANVAS CONTROLS [S] — Save as a high-resolution PNG at 2× screen resolution. [F] — Toggle fullscreen. All browser chrome disappears. [A] — Animate. Smoothly cycles your colours in a seamless continuous loop with adjustable speed. Screen blanking is automatically prevented while Backdrop is open. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 📸 SCREENSHOT BACKGROUNDS — Clean, professional colour backgrounds for UI screenshots, product photos, app store images and social media posts. 🎥 OBS & STREAMING BACKGROUNDS — An animated Backdrop makes an outstanding background source for OBS and streaming software. Low CPU, never the same twice. 🧘 FOCUS & MINIMALISM — A slow animated gradient is genuinely restful. Use it as a break screen or ambient display on a spare monitor. 🖥️ PRESENTATION BACKGROUNDS — Save any gradient as a PNG and drop it into PowerPoint, Keynote or Google Slides in seconds. 📺 AMBIENT DISPLAY — Fullscreen animated gradient on a spare monitor or TV. Instant ambient art. 🌈 ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ 🔒 PRIVACY One permission: storage — to remember your colour choices. ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ V1.2 New icon, small improvements in colour generation V1.1 Colour modes changed, animation enhanced, improvements