Full Screen Gradient
Fill your whole screen with a color gradient. Pick two or three colors, change the angle, or switch to a radial gradient. Go full screen in one click, or download it as a wallpaper sized to your screen.
Keyboard shortcuts
- F
- Full screen
- Esc
- Exit full screen
- ← →
- Rotate 45°
- ↑ ↓
- Next preset
- H
- Show or hide controls
- S
- Download PNG
Colors and images are made right in your browser. Nothing is uploaded.
background: linear-gradient(135deg, #FF7E5F 0%, #FEB47B 100%);What can you use a gradient screen for?
- Phone or desktop wallpaper: Set the colors, then download a PNG sized to this screen, 1920 × 1080, 4K, or a phone in portrait.
- Mood lighting: Turn off the lights and set a tablet or TV to a soft gradient like Sunset or Aurora. It has more depth than a single color.
- Photo and stream backdrops: Put the screen behind a product or a person and the camera sees a background with some color variation.
- Checking color banding: Choose Black to white and see whether the gradient changes smoothly. Visible bands may come from the screen, the graphics card, or color settings.
Tips for a good-looking gradient
Two colors from the same family with similar brightness blend most softly, like blush and pink. When the colors are far apart, the middle can turn muddy gray; add a middle color to smooth the transition.
An angle of 90° runs left to right, and 180° runs top to bottom. A radial gradient spreads out from the center, which works well as a spotlight-style backdrop.
How to use it
- Pick a preset or choose your own colors, set the gradient type and angle, and add a timer if you need one.
- Click Full screen, press F, or double-click the preview.
- Press Esc to exit. On a phone, tap the screen to bring up the controls, then tap Exit.
Safari on iPhone doesn't support full screen for web pages, so the color fills the browser window instead. To hide the address bar completely, add this page to your Home Screen first.