Back
?
Drag to adjust angle · Press space for a new gradient
Linear
Radial
Angular
Diamond
Mesh
Speed
1.0x
CSS Code
✕
Copy to Clipboard
Download Wallpaper
✕
Image
Video
Desktop
1920×1080
Mobile
1080×1920
Square
1080×1080
×
px
Size
Standard
960×540
Small
640×360
Duration
3s
5s
8s
Speed
1.0x
Download
How it works
✕
Click the shuffle button, or press
Space
, for a new random gradient.
Click and drag anywhere on the gradient to adjust its angle (or center point in radial/diamond mode).
Switch between
Linear
,
Radial
,
Angular
,
Diamond
and
Mesh
at any time.
In
Mesh
mode, drag each colored point to move it, click it to change its color, or use the
+
button to add more points.
Click the play button in Mesh mode to animate the points, adjust the speed, then download it as a video from the download menu.
Copy the CSS code for the exact gradient you're viewing (Diamond and Mesh gradients are canvas-only and export as an image).
Download it as a wallpaper at any resolution.
