CSS-Farbverlauf-Text-Generator
CSS-Code zum Anwenden von Farbverläufen auf Text erzeugen. Farben, Richtung und Bereichsanpassungen in Echtzeit in der Vorschau anzeigen.
.gradient-text {
background: linear-gradient(to right, #ec4899 0%, #8b5cf6 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
font-size: 48px;
font-weight: 700;
}Anleitung
Text eingeben
Geben Sie den Text ein, auf den ein Farbverlauf angewendet werden soll
Farbverlauf festlegen
Farbverlauf-Farben, Richtung, Typ usw. anpassen
CSS kopieren
Kopieren Sie den erzeugten CSS-Code
Funktionen
Echtzeit-Vorschau
Farbverlauf-Text in Echtzeit in der Vorschau anzeigen
Verschiedene Farbverläufe
Unterstützung von linearen, radialen und konischen Farbverläufen mit mehreren Farbstopps
Vorlagen enthalten
Beliebte Farbverlauf-Vorlagen mit einem Klick anwenden
FAQ
🔗Verwandte Tools
Farbcode-Konverter
Konvertieren Sie zwischen HEX-, RGB- und HSL-Farbcodes. Verwenden Sie die Farbauswahl und Echtzeit-Vorschau für intuitive Farbwahl.
Farbwähler
Wählen Sie Farben intuitiv mit einem Farbrad und Schiebereglern. Farbcodes in HEX, RGB und HSL kopieren.
Bild-Farbextraktor
Dominante Farben aus einem Bild automatisch erkennen und eine Farbpalette erzeugen. Sie können auch auf eine beliebige Stelle im Bild klicken, um einzelne Farben aufzunehmen.
Bild-Durchschnittsfarbe-Picker
Berechnen Sie die Durchschnittsfarbe eines gesamten Bildes oder eines ausgewählten Bereichs. Nützlich für Farbschemata oder Thumbnail-Hintergrundfarben.
CSS Farbverlauf-Generator
Erstellen Sie CSS-Farbverläufe visuell mit Ziehsteuerung. Unterstützt lineare, radiale und konische Farbverläufe mit Vorlagen.
CSS Box-Shadow-Generator
Erstellen Sie CSS box-shadow visuell mit Schiebereglern. Unterstützt mehrere Schatten und Inset-Schatten.