🌈 CSS Gradient Generator
Visually edit linear, radial and conic gradients. Add or remove color stops freely and copy the CSS code.
✅ 100% free · no signup · nothing sent to any server
🔒 About Privacy
- ・All processing happens entirely in your browser
- ・Input data is never sent to any server
- ・No logs, no history, no database
- ・No signup, no login, no payment ever
Color Stops
Presets
📖 How to Use
-
1
Choose a typePick linear, radial or conic. The angle and shape inputs change accordingly.
-
2
Edit color stopsPick colors and adjust positions. Add or remove stops as needed.
-
3
Copy the CSSCopy the generated CSS to clipboard and paste it into your background property.
❓ FAQ
Is my data sent to your server?
No. Everything runs in your browser. You can verify in the Network tab.
What is the browser support?
linear and radial work in all modern browsers. conic-gradient is supported in Chrome 69+, Firefox 83+, Safari 12.1+.
How many color stops can I add?
There is no hard limit. In practice, 2 to 10 stops is common.