Farben schaffen eine starke Markenidentität, wecken Emotionen und lenken die Aufmerksamkeit der Nutzer auf bestimmte Bereiche Ihrer Website. Eine durchdachte Farbpalette macht Ihre Seite für Besucher optisch ansprechend und einprägsam. In dieser Anleitung erfahren Sie, wie Sie die Farben Ihrer Website bearbeiten, Farbschemata auswählen und benutzerdefinierte Optionen nutzen, um Texte, Buttons und Layouts zu personalisieren.
So verwalten Sie die Farben Ihrer Website:
Klicken Sie im Website-Editor im oberen Menü auf Design.
Wählen Sie Farben aus der Dropdown-Liste.
Nutzen Sie das Seitenmenü, um verfügbare Farbschemata zu durchsuchen oder benutzerdefinierte Optionen auszuwählen.
Wählen Sie die Option Beliebt, um aus vorgefertigten Paletten zu wählen oder Ihre eigene zu erstellen:
Auswahl – Klicken Sie auf ein Farbschema, um es sofort anzuwenden, oder klicken Sie auf die Plus-Schaltfläche, um zusätzliche Varianten anzuzeigen.
Anpassung – Klicken Sie innerhalb eines Schemas auf eine einzelne Farbe, um im Farbwähler eine neue auszuwählen.
Filter und Favoriten – Verwenden Sie den Filter, um Schemas nach bestimmten Farben anzuzeigen, oder klicken Sie auf das Herzsymbol, um eine Palette als Favorit zu markieren.
Tools zum Generieren – Klicken Sie auf das Paletten-Symbol, um mit einem Hashtag-Code ein Schema zu erstellen, oder verwenden Sie das Bild-Symbol, um eine Palette basierend auf dem Titelbild Ihrer Startseite zu generieren.
Verwenden Sie die Option Benutzerdefiniert, um bestimmte Elemente auf Ihrer gesamten Website gezielt anzupassen:
Hauptfarbe und Buttons – Wählen Sie die Primärfarbe für Links und wichtige Bereiche. Verwenden Sie die Schaltflächen „Auf alle anwenden“, um diese Farbe schnell für alle Elemente sowie für Button-Text zu synchronisieren.
Menüfarben – Passen Sie die Farben für den Menühintergrund, Text, Hover-Effekte, Rahmen und Trennlinien zwischen Seiten an.
Seitenfarben – Legen Sie Hintergrund-, Text- und Elementfarben für Ihre Hauptseite, zweite Seite und interne Seiten fest (Seiten, die nicht auf der Startseite angezeigt werden).
Abschnitt und Footer – Passen Sie die Hauptfarbe für bestimmte Abschnitte auf Ihren Seiten an und wählen Sie die Hintergrund- und Textfarben für Ihren Footer.
Visuelle Hierarchie – Eine konsistente Hauptfarbe hilft Nutzern dabei, interaktive Elemente wie Buttons und Links schneller zu erkennen.
Markenkonsistenz – Ein Farbschema aus dem Bild Ihrer Startseite zu generieren, ist eine schnelle Möglichkeit sicherzustellen, dass die Farben Ihrer Website zu Ihrem wichtigsten Branding passen.
Hover-Effekte – Prüfen Sie unbedingt die Hover-Farben im Menü, damit der Text beim Interagieren mit der Navigation gut lesbar bleibt.
Sichtbarkeit der Textfarbe überprüfen – Nachdem Sie die Textfarben auf Ihrer Website angepasst haben, sollten Sie die Änderungen unbedingt prüfen, um sicherzustellen, dass sich die gewählte Textfarbe klar vom Hintergrund, von Textfeldern und Button-Farben abhebt. Wenn der Text mit diesen Elementen „verschmilzt“, kann das dazu führen, dass Kontrollkästchen, Seiteninhalte und Button-Beschriftungen „unsichtbar“ werden.
Sofern keine entsprechende Option angeboten wird, wirkt sich das Ändern der Farben Ihrer Website auf alle Seiten und Inhalte aus. Das bedeutet, dass Sie keine Änderungen an einzelnen Segmenten von Webseiten oder Inhalten vornehmen können. Bitte beachten Sie, dass Sie Abschnittsfarben über das Zahnrad-Symbol bearbeiten können. Mehr dazu finden Sie unter Bearbeiten der Website-Abschnitte.
