Backdrop

Tracking since Apr 22, 2026.

Changelog

• Jun 3, 2026
  description

  🎨  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.

  🎨 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 stock sites. No clutter. No tracking. 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.1 Colour modes changed, animation enhanced, improvements

Permissions & access

Permissions

storage

Host access

None declared

Screenshots