Mit unserem CSS Farbverlauf Generator kann man einen HTML / CSS Farbverlauf ganz einfach online erstellen: Dazu wählt man die erste und die zweite Farbe und die Richtung aus: Anschließend kann man sich CSS Befehle mit dem HTML Code direkt kopieren und in die eigene Webseite einfügen. Aktuell unterstützt unser Generator Farbverläufe mit zwei Farben: Wer mehr Farben braucht, für den haben wir im Grafik-Blog eine Übersicht mit weiteren Webdiensten zusammengestellt.
CSS Farbverlauf Generator
So geht’s: In unserem Verlauf-Generator gibt man die erste und die zweite Farbe des Verlaufs ein: Dies können die englischen Begriffe der HTML Farben sein (zum Beispiel “red”, “green” oder “yellow”) oder der Farbwert: Der Farbwert wird, wie in HTML üblich, als hexadezimaler RGB Wert angegeben. Die ersten beiden Stellen stehen dabei für den Rot-Anteil, die zweiten beiden Stellen für den Grün-Anteil und die dritten beiden Stellen für den Blau-Anteil der Farbe:
- #FF0000: Rot
- #00FF00: Grün
- #0000FF: Blau
- #FFFF00: Gelb
Alternativ lässt sich mit modernen Browsern auch rechts über das Farbfeld die gewünschte Farbe für den Verlauf auswählen: Per Klick wird sie automatisch eingefügt. Anschließend wählt man die Richtung für den Farbverlauf und kann ihn dann erstellen! In dem Quellcode Feld ganz unten wird dann der HTML Code für den Farbverlauf angezeigt: Dieser lässt sich direkt in ein HTML Element einfügen!