2026-06-22

Wie erstelle ich einen Farbverlauf, der nicht billig aussieht?.

Einige zurückhaltende Entscheidungen, damit CSS-Verläufe bewusst statt laut oder veraltet wirken.

Ein guter Verlauf tut meist weniger als erwartet. Er verwendet nahe Farben, eine klare Richtung und genug freien Raum für den Inhalt.

Das häufigste Problem sind zwei helle, gesättigte und unverbundene Farben. Das Ergebnis konkurriert mit dem Text. Beginnen Sie mit einer Markenfarbe und verschieben Sie sie zu einer helleren, dunkleren oder weniger gesättigten Variante.

Drei Wege zu einem ruhigen Ergebnis

  1. Verwandte Farbtöne verwenden. Blau zu Blauviolett ist meist ruhiger als Blau zu leuchtendem Orange.
  2. Sättigung senken. Eine gedämpfte Farbe kann Tiefe schaffen, ohne das Design zu übernehmen.
  3. Eine Aufgabe geben. Der Verlauf kann den Blick lenken, einen Abschnitt trennen oder etwas Textur hinzufügen.

Mit dem Verlaufsgenerator können Sie lineare, radiale und konische Verläufe testen und CSS kopieren. Beginnen Sie mit zwei Farbstopps.

Prüfen Sie echte Inhalte darüber: Überschriften, Text, Buttons und mobile Layouts.