CSS Gradient Generator help

Design a CSS gradient visually and copy the code. Everything runs in your browser.

Steps

1. Pick linear, radial, or conic, and set the angle.
2. Add colour stops and drag each one's position; remove any you do not need.
3. The preview and the CSS update live. Copy the background declaration.
4. Paste an existing linear-gradient(…) into the import field to load its stops and angle.

Notes

• Angle keywords like to right and turn units are converted to degrees on import.
• Stops are sorted by position in the output.
• Nothing is uploaded.

Everything runs in your browser. Nothing you enter or drop is uploaded.