Color Toolkit
Free CSS Gradient Builder — Linear, Radial, Conic Gradients
Build CSS gradients visually with color stops, angle control, and 22 presets. Linear, radial, and conic gradients with one-click CSS copy. Free, no sign-up.
FAQ
What gradient types are supported?
The builder supports linear, radial, and conic CSS gradients. Each type has full control over color stops and positioning.
Can I add multiple color stops?
Yes. Add as many color stops as you need. Each stop has its own color and position (0-100%).
How do I copy the CSS code?
Click the 'Copy CSS' button to copy the generated gradient CSS to your clipboard. Ready to paste into your stylesheet.
Are gradient presets available?
Yes. The builder includes 22 presets like Sunset, Ocean, Forest, Rainbow, and more. Click any preset to apply it instantly.