Entdecken Sie unsere kuratierte Sammlung von über 100 atemberaubenden Farbverläufen. Klicken Sie auf die Farbverlaufsfelder, um einzelne Farben anzuzeigen, kopieren Sie sofort den CSS-Code und finden Sie perfekte Farbverlaufskombinationen für Ihre Designs.
Farbverlaufs-Sammlung durchsuchen
Scrollen Sie durch das Raster der Farbverlaufsfelder, um verschiedene Farbkombinationen und Stile zu erkunden. Jeder Farbverlauf zeigt seinen Namen und die Farbcodes an.
Einzelne Farben anzeigen
Klicken Sie auf die linke Hälfte eines Farbverlaufs, um die Startfarbe zu sehen, oder klicken Sie auf die rechte Hälfte, um die Endfarbe anzuzeigen. Der HEX-Code wird 2 Sekunden lang angezeigt.
Farbverlaufs-CSS kopieren
Klicken Sie auf die Schaltfläche 'Farbverlauf kopieren' unter einem beliebigen Farbverlauf, um die vollständige CSS-background-Eigenschaft in Ihre Zwischenablage zu kopieren.
Im Projekt verwenden
Fügen Sie den kopierten CSS-Code in Ihr Stylesheet oder Ihre Inline-Styles ein. Der Farbverlauf ist im linear-gradient-Format sofort einsatzbereit.
Über 100 kuratierte Farbverläufe
Greifen Sie auf eine sorgfältig ausgewählte Sammlung von über 100 wunderschönen Farbverlaufskombinationen zu, die nach Stil und Farbthema für eine einfache Navigation organisiert sind.
Interaktive Farbvorschau
Klicken Sie auf die linke oder rechte Hälfte eines Farbverlaufsfeldes, um die einzelnen Start- und Endfarben mit ihren angezeigten HEX-Codes zu sehen.
CSS-Kopie mit einem Klick
Kopieren Sie sofort den gebrauchsfertigen CSS-linear-gradient-Code mit einem einzigen Klick auf den Kopierbutton in Ihre Zwischenablage.
Visuelles Farbverlaufsraster
Durchsuchen Sie Farbverläufe in einem sauberen, modernen Rasterlayout, wobei die Farbverlaufsnamen und Farbcodes zur schnellen Referenz deutlich angezeigt werden.
Farbverläufe sind sanfte Übergänge zwischen zwei oder mehr Farben, die eine visuell ansprechende Mischung erzeugen. Im Webdesign ermöglichen CSS-lineare Farbverläufe die Erstellung dieser Farbwechsel, die in eine bestimmte Richtung verlaufen. Unsere Bibliothek bietet professionell kuratierte Farbverlaufskombinationen, die gut zusammenpassen und Ihnen Zeit sparen, harmonische Farbübergänge für Hintergründe, Schaltflächen, Karten und andere Designelemente zu finden.
Professionell kuratiert
Jeder Farbverlauf in unserer Sammlung wurde sorgfältig nach visueller Attraktivität und Design-Vielseitigkeit ausgewählt, um hochwertige Farbkombinationen zu gewährleisten.
Gebrauchsfertiges CSS
Erhalten Sie sofort einsatzbereiten CSS-Code. Kein manuelles Schreiben von Farbverlaufs-Syntax oder Experimentieren mit Farbwerten erforderlich.
Interaktive Farbprüfung
Sehen Sie einzelne Farbverlaufsfarben, indem Sie auf verschiedene Teile des Farbverlaufsfeldes klicken, um die verwendeten Farben leicht zu verstehen.
Zeitsparendes Design-Tool
Überspringen Sie das mühsame Erstellen von Farbverläufen von Grund auf. Finden Sie schnell den perfekten Farbverlauf und implementieren Sie ihn sofort in Ihren Projekten.
Die Bibliothek enthält über 100 sorgfältig kuratierte Farbverlaufskombinationen mit verschiedenen Stilen, von subtilen Übergängen bis hin zu kräftigen, lebendigen Mischungen, passend für unterschiedliche Designanforderungen.
Klicken Sie auf die linke Hälfte eines Farbverlaufsfeldes, um die Startfarbe anzuzeigen, oder klicken Sie auf die rechte Hälfte, um die Endfarbe zu sehen. Der HEX-Code wird 2 Sekunden lang auf dem Feld angezeigt.
Das Tool kopiert eine vollständige CSS-background-Eigenschaft mit einem linearen Farbverlauf, der von links nach rechts (in Richtung 'to right') verläuft. Zum Beispiel: background: linear-gradient(to right, #FF6B6B, #4ECDC4);
Ja, alle Farbverläufe in der Bibliothek können ohne Einschränkungen in persönlichen und kommerziellen Projekten verwendet werden. Farbverläufe können nicht urheberrechtlich geschützt werden.
Nachdem Sie den CSS-Code kopiert haben, fügen Sie ihn in Ihr Stylesheet oder als Inline-Style ein. Sie können ihn auf den Hintergrund jedes Elements anwenden, wie z. B. divs, Sektionen, Schaltflächen oder Karten.
Ja, nachdem Sie das CSS kopiert haben, können Sie die Richtung ändern, indem Sie den 'to right'-Teil durch andere Werte wie 'to bottom', 'to top', '45deg' oder jeden beliebigen Winkel ersetzen.