⚡
CSS ToolsPopular
Gradient Generator
Design CSS gradients visually with multiple color stops. Supports linear, radial, and conic gradient types. Exports both CSS and Tailwind class formats.
#7c3aed0%
#ec4899100%
.element {
background: linear-gradient(135deg, #7c3aed 0%, #ec4899 100%);
}bg-gradient-to-b from-[#7c3aed] to-[#ec4899]
Frequently Asked Questions
Does it output Tailwind classes?
Yes! The generator outputs both standard CSS and equivalent Tailwind gradient utilities for both class approaches.