CSS-Verlauf-Generator
Lineare, radiale und konische CSS-Verläufe visuell erstellen. Farbstopps, Winkel und Transparenz bearbeiten, CSS kopieren oder als PNG exportieren.
- Keine Uploads
- Keine Limits
- Keine Anmeldung
Farbstopps
Vorlagen
- Eingabe:
- HEX
- Ausgabe:
- PNG
- Läuft auf:
- Deinem Gerät
- Größenlimit:
- Keines
- Konto:
- Nicht nötig
So nutzt du CSS-Verlauf-Generator
Typ und Winkel wählen
Wähle linear, radial oder konisch und stelle Winkel oder Form ein. Die Vorschau aktualisiert sich sofort.
Farbstopps bearbeiten
Ziehe die Griffe unter dem Balken, wähle Farben und Deckkraft, füge Stopps hinzu oder entferne sie oder starte mit einer Vorlage.
CSS kopieren oder PNG exportieren
Kopiere das CSS (mit Ersatz-Hintergrundfarbe) oder lade den Verlauf als PNG-Bild herunter.
Darum CSS-Verlauf-Generator auf Toolshed
Keine Uploads
Alles läuft in diesem Browser-Tab. Deine Dateien werden auf deinem Gerät verarbeitet und nicht an einen Server übertragen.
Keine Limits
Keine Dateigrößen-Obergrenzen, keine Tageskontingente. Verarbeite so viel, wie dein Gerät schafft.
Keine Anmeldung
Kein Konto, keine E-Mail-Adresse, kein Wasserzeichen.
Häufig gestellte Fragen
Was unterscheidet die Verlaufstypen?
Linear mischt Farben entlang einer Geraden im gewählten Winkel, radial breitet sich vom Zentrum aus, konisch läuft wie ein Farbkreis um das Zentrum.
Was ist die Ersatzfarbe?
Das CSS beginnt mit einer einfarbigen background-color aus deinem ersten Stopp, damit sehr alte Browser ohne Verlaufsunterstützung eine sinnvolle Farbe zeigen.
Wie funktioniert der PNG-Export?
Der Verlauf wird in deinem Browser in der gewählten Größe auf ein Canvas gezeichnet und als PNG gespeichert. Es wird nichts hochgeladen.
Werden meine Dateien irgendwohin hochgeladen?
Nein. CSS-Verlauf-Generator läuft vollständig in deinem Browser. Deine Dateien werden auf deinem Gerät verarbeitet und nie an einen Server gesendet.
Gibt es eine Begrenzung der Dateigröße?
Keine feste Grenze. Die einzige Grenze ist der Arbeitsspeicher deines Geräts. Sehr große Dateien funktionieren am besten in einem Desktop-Browser.
Ist CSS-Verlauf-Generator wirklich kostenlos?
Ja. Es gibt kein Konto und kein Wasserzeichen. Eine kurze, optionale Werbung oder 20 Sekunden Wartezeit schalten jeden Download frei. So halten wir das Angebot kostenlos.