About this tool

Generate beautiful CSS gradients instantly. Pick colors, adjust the angle, and add multiple stops to create linear, radial, or conic gradients - then copy clean, ready-to-use CSS code. Download your gradient as a PNG or SVG for use in design tools like Figma or Photoshop. No login required, completely free. Built for designers and developers who want pixel-perfect gradients without digging through documentation or manually writing gradient syntax.