🌈CSS Gradient Generator
Design gradients & copy the CSS.
About CSS Gradient Generator
Create beautiful CSS gradients with two colors and an adjustable angle, preview live and copy the CSS code. Free online gradient generator for web designers and developers.
🔒 Private by design — this tool runs entirely in your browser. Nothing you enter is uploaded to a server.
Frequently asked questions
Can I copy the CSS?＋
Yes — adjust the two colors and angle, then copy the ready-to-use CSS background code with one click.