← Alle Werkzeuge
DESIGN · CSS
CSS-Farbverlauf
Stelle Farben und Richtung ein und kopiere fertiges CSS für deine Webseite.
01 / EINGABE
Deine Einstellungen
Farbe wählen
Farbe wählen
Die Vorschau zeigt den Hintergrundverlauf. Achte bei Text darüber zusätzlich auf den Kontrast.
02 / VORSCHAU
Ergebnis
Dein Farbverlauf
03 / VERWENDEN
CSS-Code
Hinweis
Farben können bei Text über dem Verlauf zu geringem Kontrast führen. Teste die fertige Seite.
Einheitliche Hintergründe gestalten
Beispiel aus der Praxis
Erstelle einen Verlauf aus zwei ruhigen Markenfarben und kopiere das CSS für einen Hero-Bereich oder eine Karte.
Wichtig für das Ergebnis
Sehr unterschiedliche Helligkeiten machen weiße oder schwarze Schrift stellenweise unlesbar. Prüfe den Kontrast im gesamten Verlauf.