Farbe & Design
Farbverlauf-Generator
Kostenloser CSS-Farbverlauf-Generator. Erstellen Sie visuell lineare, radiale und konische Farbverläufe. Kopieren Sie CSS- oder Tailwind-Klassen sofort. Live-Vorschau während der Anpassung.
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
Anmerkung der Redaktion
Understanding · Two colours and a path between them.
Dieses ausführliche Kapitel ist derzeit nur auf Englisch verfügbar. Das Konvertierungstool oben funktioniert in Ihrer Sprache; der lange Erklärtext wurde noch nicht übersetzt.
Häufig gestellte Fragen
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.
Andere suchten auch nach
Use with
What people reach for next.
Verwandte Tools
More in this room.
- Box-Shadow-GeneratorVisueller CSS-Box-Shadow-Editor.
- Border-Radius-GeneratorEckenspezifischer CSS-Border-Radius-Editor.
- Cubic-Bezier-EditorVisuelles Design von CSS-Easing-Kurven.
- CSS AnimationsgeneratorKeyframes visuell erstellen, gebrauchsfertiges CSS kopieren.
- CSS Filter GeneratorLive-Vorschau von Unschärfe, Helligkeit, Farbtondrehung und mehr.
- Glassmorphismus-GeneratorMattglas-UI-Karten mit Backdrop-Filter.