CSS-Farbverlauf-Generator
Wählen Sie die Verlaufsart und setzen Sie die Farbstopps. Die Vorschau zeigt Ihre Änderungen direkt; anschließend können Sie die Hintergrunddeklaration kopieren.
Läuft lokal in deinem Browser · linear · radial · conic
Wählen Sie die Verlaufsart und setzen Sie die Farbstopps. Die Vorschau zeigt Ihre Änderungen direkt; anschließend können Sie die Hintergrunddeklaration kopieren.
Läuft lokal in deinem BrowserCSS-Farbverlauf-Generator gehört zu den CSS-Generatoren auf KivTools. Die Werkbank oben erledigt die ganze Arbeit auf einem Bildschirm: die Optionen, die Sie im Formular wählen, danach ein Text-Ergebnis zum Kopieren.
Die Umwandlung läuft im Browser. Nichts, was Sie eingeben, wird hochgeladen, die Seite funktioniert weiter offline und eignet sich auch für Daten, die Sie keinem Dritten schicken dürfen.
Browser-Layout ist Arithmetik plus Faustregeln: Werte wirken zusammen, Einheiten werden vererbt, und die Unterstützung unterscheidet sich zwischen Engines. Diese Generatoren übersetzen eine visuelle Absicht in eine Deklaration und zeigen die Wirkung, bevor sie ins Stylesheet wandert.
Eine Deklaration, die bei einer Breite funktioniert, kann bei einer anderen brechen – besonders in einem Flex- oder Grid-Container, der seine eigene Größe ändert. Testen Sie schmal und breit, bevor Sie den Wert übernehmen.
Browser, Desktop-Werkzeuge und Kommandozeilen sollten dasselbe Ergebnis liefern; Abweichungen deuten meist auf eine andere Kodierung, Locale oder Version hin. Prüfen Sie die erzeugte Deklaration im Inspector am echten Element; eine Vorschau in einem neutralen Container verdeckt geerbte Beschränkungen.
Moderne CSS-Features sind nicht überall verfügbar; halten Sie eine Fallback-Zeile für die Browser Ihrer Zielgruppe bereit, statt sich unbedingt auf die neueste Syntax zu verlassen. Behalten Sie während des Experimentierens eine Kopie der Eingabe, damit eine falsche Einstellung die Quelle nicht zerstört.
Ja. Jedes Werkzeug auf KivTools ist kostenlos, braucht kein Konto und hat kein Nutzungskontingent – es gibt keine Bezahlstufe hinter der Werkbank und keine E-Mail-Pflicht.
In Ihrem Browser. Das Skript wird einmal geladen, die Umwandlung passiert auf Ihrem Gerät – deshalb funktioniert das Werkzeug auch ohne Netz.
Die Werkbank nimmt die Optionen, die Sie im Formular wählen entgegen und liefert ein Text-Ergebnis zum Kopieren. Große Eingaben sind meist unproblematisch; extrem große Datenmengen gehören eher in ein lokales Kommandozeilen-Werkzeug.
Browser-Unterstützung entscheidet über den Nutzen: prüfen Sie das Feature in den Engines Ihrer Zielgruppe. Vergleichen Sie zuerst eine kleine, bekannte Stichprobe, wenn das Ergebnis in eine automatische Verarbeitung fließt.
Das Ergebnis gehört Ihnen: kein Wasserzeichen, kein Lizenzhinweis, keine Namensnennung. Prüfen Sie nur die Lizenz des zugrunde liegenden Formats, wenn es in ein Produkt einfließt.
Die Seite läuft in jedem modernen mobilen Browser und bricht auf kleinen Bildschirmen auf eine Spalte um. Lokale Werkzeuge funktionieren nach dem Laden weiter offline.