Gradient Generator v2

Gradient Generator v2

Create gorgeous gradients in 8 color spaces · 1-click export

61 followers

Create & export linear, radial, & conic gradients. Automatically creates vivid, colorful gradients in 8 different color spaces. One-click CSS or SVG (drag-and-drop into Figma, Sketch, Canva, etc).
Gradient Generator v2 gallery image
Gradient Generator v2 gallery image
Gradient Generator v2 gallery image
Gradient Generator v2 gallery image
Free
Launch Team
Intercom
Intercom
Startups get 90% off Intercom + 1 year of Fin AI Agent free
Promoted

What do you think? …

Erik D. Kennedy
What’s new in v2: - Interpolate in 8 different color spaces (6 of which are perceptually uniform) - Get live previews of each color space - Go the “long way” around the color wheel (adds more color to the gradient) - Add a third color - Drag-and-drop to reorder - Choose from a gradient gallery - Share URLs to your gradients And you can, of course, still: - Copy the CSS with one click - Export as an SVG for drag-and-drop into Figma/Sketch/etc. - Add easing for smooth transitions between background colors I made this to be the very best gradient tool on the web. Any questions? HMU 😎
Jayanth R
Really well done! Played around with it for a bit, and I'm very impressed. The controls are simple but still comprehensive. Never felt that I wasn't able to get a look that I was looking for. Great job!
Erik D. Kennedy
@jayanthr thanks! Appreciate the kind words 🙏
dashuai
Excited to see v2 of this gradient tool, @erikdkennedy! The live previews and ability to choose from multiple color spaces sound fantastic for enhancing the design workflow. I especially love the addition of a third color and the gradient gallery—definitely adds versatility to the creations. The one-click CSS export feature is a game changer for quick prototyping in PH. Can't wait to try dragging and dropping into Figma and other design platforms; it really streamlines the process. Have you thought about integration with other tools or platforms to further expand its reach? Keep up the great work, and looking forward to more updates!
Erik D. Kennedy
@ezshine Great question, it's available as a Figma plugin already (https://www.figma.com/community/...) but so far that's the only other platform integration 👍
Nick Bradford
support for Tailwind coming?
Erik D. Kennedy
@nsbradford To be honest, I haven't even looked into what that would entail!
Toshit Garg
Congrats on launch of Gradient Generator v2....
Milton Ren
Congrats on the launch! Is there a way to add more than 3 colors?
Erik D. Kennedy
@milton_ren Nope! What use-case are you thinking of? :)