Wie erstelle ich einen subtilen Verlauf statt einer harten Zweifarbmischung?.

Ein harter Verlauf hat meist zu viel Kontrast, Sättigung oder einen abrupten Übergang. Beginnen Sie mit zwei nahen Farben und lassen Sie die Veränderung langsam geschehen.

Statt zwei unverbundene Markenfarben in voller Stärke zu kombinieren, verwenden Sie einen Farbton mit zwei Helligkeitsstufen, etwa weiches Blau-Grau zu etwas dunklerem Blau-Grau.

Eine Variable nach der anderen anpassen

Mit HSL können Sie den Farbton ähnlich halten und Helligkeit oder Sättigung ändern. Wenn der Übergang noch auffällt, senken Sie die Sättigung, bevor Sie weitere Farben hinzufügen.

Der Verlaufsgenerator zeigt eine Vorschau und liefert CSS. Testen Sie zuerst einen diagonalen linearen, danach einen radialen Verlauf. Prüfen Sie ihn groß und mobil; der Inhalt soll im Mittelpunkt bleiben.