CSS Gradient Generator
Pick two colors, choose linear or radial and the angle, preview the gradient live and copy the CSS. Everything runs in your browser.
background: linear-gradient(135deg, #7c3aed, #06b6d4);🔒 Tout se passe dans ton navigateur — rien n'est envoyé ni stocké.
Questions fréquentes
- How do I create a CSS gradient?
- Choose two colors, pick linear or radial, set the angle for linear gradients, and copy the generated CSS background rule.
- Can I use these gradients on my website?
- Yes. Copy the CSS and paste it into your stylesheet's background property — it works in all modern browsers.
- Is anything uploaded?
- No. The gradient is generated entirely in your browser.