← Tools
Gradient & Pattern Generator
Gradient
Pattern
★ Save
⚅ Random
☼ Screensaver
Gradient Type
Linear
Radial
Conic
Direction
Angle
deg
Position
X
%
Y
%
Shape
Ellipse
Circle
Tip: Click on the preview to set position
Start Angle
deg
Color Stops
+ Add
Options
Repeating
Pattern Type
Stripes
Dots
Checker
Diagonal
Waves
Zigzag
Diamonds
Grid
Triangles
Colors
Foreground
Background
Opacity
100%
Dimensions
Size
px
Spacing
px
Rotation
deg
Options
Line Width (stripes/grid)
px
Dot Size (dots only)
px
Presets
Favorites
Click ★ Save to add favorites
Animation
Animate
Speed
1.0x
Rotate angle
Shift colors
Pulse stops
Drift position
Copy CSS
Copy background
×
Screensaver Backgrounds
Choose a theme or use the random gradient generator
⚅
Random Gradients
Nature
Aurora Borealis
Deep Ocean
Desert Sunset
Cosmic
Nebula Cloud
Solar Flare
Deep Space Drift
Abstract
Lava Lamp
Prismatic Light
Neon Dreams
Calm
Meditation
Pastel Clouds
Forest Canopy
Click or press Esc to exit