Is this tool really free?

Yes, it is 100% free with no hidden fees or premium tiers. All features are available to everyone.

Do I need to create an account?

No account or registration is required. Simply open the tool and start using it immediately.

All processing happens entirely in your browser. Your data never leaves your device.

Does it work on mobile?

Yes, it is fully responsive and works on all devices including smartphones and tablets.

Générateur de dégradé CSS

Name: Gradient Generator
Author: Taskly.tools

Créez de superbes dégradés CSS avec un éditeur visuel et un aperçu en direct.

Design

Part of the solution

Free Color & Design Tools

Explore

Colors

Angle: 135°

0°90°180°270°360°

Preview

CSS

background: linear-gradient(135deg, #6366f1 0%, #ec4899 100%);

Tailwind

bg-gradient-to-r from-[#6366f1] to-[#ec4899]

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%">
  <defs>
    <linearGradient id="g" x1="0%" y1="0%" x2="0%" y2="100%">
    <stop offset="0%" stop-color="#6366f1" />
    <stop offset="100%" stop-color="#ec4899" />
  </linearGradient>
  </defs>
  <rect width="100%" height="100%" fill="url(#g)" />
</svg>

https://taskly.tools/tools/gradient-generator