CSS-Gradient-Generator
Setze Farben und Winkel, und der CSS-linear-gradient wird für dich geschrieben. Verschiebe die Farbstopps, um zu bestimmen, wo der Übergang passiert, und füge das Ergebnis direkt ein.
🎨 Alles läuft in deinem Browser. Keine Installation, keine Anmeldung.
Winkel135°
Vorlagen
background: linear-gradient(135deg, #8b5cf6, #0ea5e9);
Wenn Text über einem Verlauf liegt, prüfe den Kontrast an der hellsten und an der dunkelsten Stelle. Stimmst du ihn nur für ein Ende ab, verschwindet der Text am anderen.
Was dieses Werkzeug macht
- Zwei oder drei Farben mit Stopp-Position
- Winkel oder radial
- CSS sofort kopieren
- Hinweise zu Tailwind-Klassen
Weitere Farbwerkzeuge
Farben können je nach Bildschirm und Farbprofil etwas anders aussehen.