Kleur & Ontwerp
Gradiëntgenerator
Gratis CSS-gradiëntgenerator. Bouw visueel lineaire, radiale en conische gradiënten. Kopieer direct CSS of Tailwind-klassen. Live preview terwijl u aanpast.
Runs in your browser
Gradient generator
CSS
background: linear-gradient(135deg, #3b82f6, #a855f7);css
Tailwind (approx)
bg-gradient-to-br from-[#3b82f6] to-[#a855f7]css
Redactionele opmerking
Understanding · Two colours and a path between them.
Dit uitgebreide hoofdstuk is momenteel alleen in het Engels beschikbaar. De conversietool hierboven werkt in jouw taal; de lange uitleg is nog niet vertaald.
Veelgestelde vragen
Quick answers.
›What gradient types are supported?
Linear, radial and conic — all three CSS gradient types.
›Can I add color stops?
Yes — add as many color stops as you need with custom positions for fine-grained control.
›Does it output Tailwind?
Yes — toggle to get Tailwind utility classes (e.g. bg-gradient-to-r from-blue-500 to-purple-600).
›Is the generator free?
Yes — fully free, no signup, runs in your browser.
Mensen zoeken ook naar
Use with
What people reach for next.
Gerelateerde tools
More in this room.
- Box Shadow GeneratorVisuele CSS box-shadow editor.
- Border Radius GeneratorPer-hoek CSS border-radius editor.
- Cubic Bezier EditorOntwerp CSS easing-curves visueel.
- CSS Animatie GeneratorBouw keyframes visueel, kopieer kant-en-klare CSS.
- CSS Filter GeneratorLive preview van blur, helderheid, hue-rotate en meer.
- Glassmorphism GeneratorFrosted-glass UI kaarten met backdrop-filter.