Farbverläufe für Webseiten finden

Auf der Webseite gradients.cssgears.com findet Ihr eine schöne Sammlung von Farbverläufen für Eure Webseiten in verschiedenen Variationen.

Ich kenne das von mir selbst. Man tut sich nicht leicht, ansprechende Farbverläufe zu finden, obwohl es mit Websitebuildern wie Divi oder Visualbuilder eigentlich leicht gemacht wird. Damit Ihr es so einfach wie möglich habt, verschiedene Farbverläufe für Eure Webseiten-Hintergründe zu finden, hat Solaiman Kmail besonders schöne Farbverläufe zusammengestellt und sie auf einer übersichtlichen Webseite gesammelt.

Funktionen des Farbverlaufstools

Die ausgewählten Farbverläufe könnt Ihr ganz einfach per Klick auf das Kopierensymbol rechts oben über dem jeweiligen Farbverlauf in die Zwischenablage kopieren und diese dann in das Css Eurer Webseite einfügen.

farbverlaeufe-veraendern

 

 

 

 

 

 

 

 

 

 

 

Alternativ habt Ihr aber auch die Möglichkeit, die Farbverläufe einfach zu verändern. Klickt dafür auf das Stiftsymbol in der linken oberen Ecke und dann auf den Code unter dem Farbverlauf. Es öffnet sich ein Farbenfenster in welchem Ihr die neue Farbe entweder mit der Maus, oder auch manuell eingeben könnt. Den neuen Verlauf seht Ihr sofort in der Verlaufsvorschau und könnt diesen dann wiederum in die Zwischenablage kopieren.

Export als Sketch oder Adobe XD Vorgabe

Alternativ könnt Ihr die Farbcodes auch als Adobe XD, oder Sketch Vorgaben exportieren (XD oder Sketch Button rechts über dem Farbverlauf) und sie dann in den entsprechenden Progammen weiterverarbeiten.

farbverlaeufe-exportieren-code-adobe-xd-sketch

Fazit

Ein kleines aber feines Tool um schnell ansprechende Farbverläufe für Webseiten und natürlich andere grafische Entwürfe zu finden. Auf jeden Fall einen Bookmark in der Rubrik Webdesign/Tools/Farben wert.

Hier findet Ihr das CSSGEARS Tool. Have fun!

HINTERLASSEN SIE EINE ANTWORT