Ihr habt eure Farben längst im Kopf: das Salbeigrün der Servietten, das warme Terrakotta der Papeterie. Genau die kannst du auf deiner Seite übernehmen. Alle Farbeinstellungen liegen im Editor unter „Stil & Schriften" → „Farben" und wirken sofort in der Vorschau.
Die Farbpalette: fünf Grundfarben
Im Bereich „Farbpalette" siehst du fünf Farbkreise. In dieser Reihenfolge sind das Hauptfarbe, Sekundär, Akzent, Hintergrund und Text. Fährst du mit der Maus darüber, erscheint die Bezeichnung. Diese fünf Farben prägen den Gesamteindruck deiner Seite und dienen gleichzeitig als Vorrat: Sie tauchen in jedem anderen Farbfeld im Editor wieder als Vorschlag auf.
Klapp die Gruppe „Farben" auf.
Klicke auf einen der fünf Kreise. Es öffnet sich der Farbwähler deines Computers, auf einem Mac sieht er anders aus als unter Windows.
Wähle deine Farbe aus. Manchmal wird sie erst übernommen, wenn du den Farbwähler schließt.
Prüfe das Ergebnis in der Vorschau und klicke oben rechts auf „Speichern".
Eigene Farben zur Palette hinzufügen
Rechts neben den fünf Kreisen sitzt ein gestrichelter Plus-Kreis mit dem Hinweis „Farbe zur Palette hinzufügen". Damit legst du beliebig viele eigene Farbtöne an, zum Beispiel das Rosé aus dem Brautstrauß. Jede angelegte Farbe steht danach in allen Farbfeldern zur Auswahl, auch bei den Farben einzelner Abschnitte.
Ändern: Klick auf den Kreis, der Farbwähler öffnet sich erneut.
Entfernen: Fahr mit der Maus über den Kreis, dann erscheint ein kleines Kreuz.
Die Anzahl ist nicht begrenzt. Eine Farbe, die es schon gibt, wird kein zweites Mal aufgenommen.
Text- und Button-Farben
Darunter liegen die Bereiche „Text" und „Buttons" mit vier Feldern:
„Überschriften" für alle Überschriften der Seite
„Fließtext" für deine Texte, gern eine Spur heller als die Überschriften
„Button-Farbe" für die Fläche deiner Buttons
„Button-Textfarbe" für die Beschriftung darauf
Hier wählst du nur aus den vorhandenen Kreisen, also aus der Palette und deinen eigenen Farben. Der aktuell gewählte Kreis trägt einen inneren Ring. Brauchst du einen ganz neuen Ton, lege ihn zuerst über den Plus-Kreis in der Palette an. Lässt du die Button-Textfarbe unangetastet, entscheidet die Seite automatisch zwischen Schwarz und Weiß, je nachdem wie hell deine Button-Farbe ist.
Gut zu wissen: Auf der veröffentlichten Seite haben die Hauptfarbe und die Textfarbe deiner Palette das letzte Wort. Wenn du also eine ganz andere Button- oder Überschriftfarbe wählst als die passenden Palettenfarben, kann die Live-Seite etwas anders aussehen als die Vorschau im Editor. Der einfachste Weg: Setz die Hauptfarbe der Palette auf die Farbe, die deine Buttons haben sollen, dann stimmt beides überein.
Häufige Fragen
Wo gebe ich einen HEX-Code ein?
Im Editor selbst gibt es kein Eingabefeld dafür. Der Farbwähler deines Betriebssystems hat aber eines: Auf dem Mac findest du es im Reiter mit den Schiebereglern, unter Windows über „Weitere Optionen". Dort trägst du deinen Code ein und die Farbe landet in der Palette.
Warum steht meine Vorlage plötzlich auf „Benutzerdefiniert"?
Weil du eine eigene Farbe gesetzt hast. Das ist so gewollt und heißt einfach: Dieses Design ist jetzt deins.
Meine Buttons sind kaum zu lesen.
Dann liegen Button-Farbe und Button-Textfarbe zu nah beieinander. Nimm einen deutlich helleren oder dunkleren Ton für den Text und prüfe das Ergebnis am besten an der Anmelde-Sektion in der Vorschau.
Kann ich einen einzelnen Abschnitt anders einfärben?
Ja. Wie das geht, steht im Artikel „Einzelne Abschnitte farblich absetzen".