Backdrop - Gradient Background Generator with Colour Picker and Animation

Full-screen gradient background generator with animated gradients, colour picker and PNG export. For screenshots, streaming and more

🎨 Backdrop: full-screen gradient background generator with HEX, RGB & HSL colour picker - perfect for screenshots, streaming and focus sessions. 🎨 Instant gradient background generator for your browser. Need a clean, colourful screen background and don't want to spend twenty minutes hunting stock photo sites? Backdrop is a full-screen background generator that creates beautiful gradient and solid colour canvases - static or animated - at the click of a button. No clutter. No ads. No tracking. Just colour. 🎲 SIX COLOUR MODES Click any mode to instantly generate a new colour palette: Wide - High contrast colours spread far apart on the colour wheel. Bold, striking, unpredictable. Dusk - Deep, dark, moody tones. Perfect for dark screenshot backgrounds and atmospheric visuals. Clash 💥 - Opposite hues forced together. Purple and yellow. Red and cyan. High tension, high energy. Neon - Maximum saturation on a dark base. Synthwave and cyberpunk vibes. Great for gaming and streaming backgrounds. Pastel 🌸 - Soft, airy, gentle tones. Clean and light — ideal for product screenshot backgrounds. Fire & Ice 🔥❄️ - Warm reds and oranges meet cool blues and cyans. Always cinematic. 🖌️ CHOOSE YOUR OWN COLOURS Prefer to pick your own? Click any colour swatch to open the colour picker and choose exactly what you want. Enter values directly as HEX, RGB or HSL - whatever works for your workflow. Your custom colours combine perfectly with the random mode buttons, so you can generate a palette and then fine-tune individual stops to match your brand or project colours. 🌈 CUSTOM BACKGROUND OPTIONS Diagonal, horizontal, vertical, radial, or solid colour. Add up to five colour stops, cycle them, or pick any custom colour with your system colour picker. Your background settings are saved automatically between sessions. ⌨️ CANVAS CONTROLS [S] — Save your background as a high-resolution PNG at 2× screen resolution. [F] — Toggle fullscreen for a completely clean, borderless background. [A] — Animate your gradient background - smoothly cycles colours in a continuous loop with adjustable speed. Screen blanking is automatically prevented. 📸 SCREENSHOT BACKGROUNDS - Clean, professional colour backgrounds for UI screenshots, product photos, app store images and social media posts. No stock sites, no watermarks, no fuss. 🎥 OBS & STREAMING BACKGROUNDS - Backdrop makes an outstanding animated background source for OBS and streaming software. Low CPU, never the same twice. Stand out from the crowd. 🧘 FOCUS & MINIMALISM - A slow animated gradient is genuinely restful. Use it as a break screen, focus background, or ambient display on a spare monitor. 🖥️ PRESENTATION BACKGROUNDS - Save any gradient as a PNG and drop it straight into PowerPoint, Keynote or Google Slides in seconds. 📺 AMBIENT DISPLAY - Fullscreen animated gradient background on a spare monitor or TV. Instant ambient art. 🌈 🔒 PRIVACY One permission: storage - to remember your colour choices. Nothing leaves your device. No browsing history. No network requests.