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 😎
This looks amazing! I'm also loving the one-click CSS export feature—super convenient for quick implementations!
It really helps in understanding how to achieve the best results for vivid and smooth gradients.
This is exactly what I’ve been looking for to create more interesting gradients in my designs. The ability to export as SVG directly into Figma
or Sketch is super convenient.
The option to go the “long way” around the color wheel is a fantastic feature. It opens up so many possibilities for creating unique and vivid gradients that stand out
A fantastic resource for designers. I’ll definitely use it to create more dynamic and colorful gradients.
Gradient generator tool is quite impressive! It’s great to see such detailed explanations about how different color spaces affect gradients.
Guess who’s about to have the most colorful presentations? This guy! Seriously, this gradient tool is fantastic for us non-designers.It’d make the workflow even smoother
This is such a handy tool for designers. The one-click CSS and SVG export feature is going to save me so much time. Best of luck with the launch!
This tool is exactly what I needed for my design projects! The ability to create and export gradients in various formats and color spaces is incredibly useful.
I always wanted something like this when I was developing my webpages, it's finally here, nice to see someone actually taking this seriously!
Congratulations on the launch!
This tool great! It would be even better if there were an option to customize the gradient patterns more deeply.I've used other gradient tools before, but this one stands out with its multiple color spaces and easy export options. This is definitely a more advanced and user-friendly approach.
How does this tool handle color space conversion? Is there a noticeable difference between the 8 different color spaces? Curious to know more about the technical side.
Love the idea of having vivid, colorful gradients ready to use. The fact that it works seamlessly with tools like Figma and Canva is a huge plus.
Gradient Generator v2 is a real treat for anyone into design! The ability to create stunning gradients across eight different color spaces means your designs can pop like never before. I’m especially loving the live preview feature—it’s so satisfying to see how each change affects the final outcome in real-time.
The new option to add a third color opens up a ton of creative possibilities, and going the “long way” around the color wheel really adds life to the gradients. Plus, the drag-and-drop functionality for reordering colors makes adjustments super quick and intuitive.
Exporting as CSS with a single click is a real time-saver, especially for designers juggling multiple tools like Figma and Sketch. The gradient gallery is a nice touch too; it’s great to have inspiration right at your fingertips. Not to mention being able to share URLs to your custom gradients is a cool way to collaborate with others.
Overall, Gradient Generator v2 is a must-have for anyone looking to elevate their design work. Just one suggestion: maybe adding user-customizable presets could give designers even more flexibility. Keep up the awesome work!
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!
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