Gradient generator
Builds a CSS linear or radial gradient visually.
- Free
- No sign-up needed to try
- Runs in your browser
Sign in to use this tool
Gradient generator is free once you're signed in — one quick account unlocks every tool on Alux Tools, no payment, ever.
How this works
Adjust stops, colours, and angle, and matching CSS is generated alongside a live preview.
Nothing you enter is sent to a server.
Frequently asked questions
Is the gradient generator free?
Yes. Gradient generator is free to use, with no software to install and no hidden fees.
Is my data uploaded anywhere?
No. This tool runs entirely in your browser, so what you enter or select never leaves your device.
Does it work on phones and tablets?
Yes. It works in any modern browser on Android, iPhone, iPad, Windows, Mac and Linux.