Studio Editor: Mit Website-Farben arbeiten
4 Min. Lesezeit
Website-Farben bilden das allgemeine Farbdesign, das auf der Website deines Kunden verwendet wird. Dieses Design ist in Farbbereiche unterteilt, die auf verschiedene Kategorien angewendet werden (z. B. Hintergrund und Text) und enthält bestimmte Farbtöne.u
Sowohl Einzelfarben als auch Farbbereiche sind anpassbar, sodass du bestimmte Teile der Website nach Bedarf gestalten und anpassen kannst.
Wie finde ich Website-Farben?
Die Farben deiner Website verstehen
Dies sind die Farben, die auf der gesamten Website verwendet werden, an der du gerade arbeitest. Sie sind in der Regel mit Komponenten verbunden. So kann zum Beispiel eine Farbe mit Abschnittshintergründen verknüpft werden, eine andere mit Text usw.
Die Anzahl der Website-Farben, mit denen du beginnst, hängt von dem Template ab, das du gewählt hast oder ob du dich entscheidest, deine Website von Grund auf neu zu erstellen. Du kannst jedoch Website-Farben hinzufügen, verwalten und ersetzen, um für ein ansprechendes Design zu sorgen.
Website-Farben bearbeiten
Passe die Farben deiner Website im Panel „Website-Stile“ an deine Designanforderungen an und verbessere das Branding deiner Kunden.
Wichtig:
Wenn du eine Farbe änderst, wirkt sich das auf die Elemente der Farbe aus, die du aktualisierst - z. B. alle Elementvorlagen, die du zuvor hinzugefügt hast, oder Elemente, auf denen du diese Farbe verwendet hast.
Um die Website-Farben zu bearbeiten:
- Klicke links im Editor auf Website-Stile
.
- Wähle den Tab Farben aus.
- Klicke auf die Farbe, die du anpassen möchtest.
- Wähle aus den folgenden Optionen aus, wie die mittlere Farbe im Farbbereich ausgewählt werden soll:
- Wähle mit dem Cursor eine neue Farbe aus den Optionen aus.
- Gib die HEX-, RGB- oder HSB-Informationen in die entsprechenden Felder ein.
- Klicke auf den Tropfer
, um eine neue Farbe an einer beliebigen Stelle auf deinem Bildschirm auszuwählen.
- Klicke auf Anwenden.

Website-Farben verwalten
Verwalte die Farben deiner Website, um den Designprozess so einfach wie möglich zu gestalten. Du kannst Farben umbenennen, um sie leichter zu finden, oder Farben ersetzen, um schnelle Änderungen an der Website vorzunehmen.
Um Website-Farben zu verwalten:
- Klicke links im Editor auf Website-Stile
.
- Wähle den Tab Farben aus.
- Fahre mit der Maus über die entsprechende Farbe und klicke auf das Symbol für Weitere Aktionen
.
- Wähle aus, was du tun möchtest:
- Ändere den Namen der Farbe:
- Klicke auf Umbenennen.
- Gib den neuen Namen der Farbe in das Feld ein.
- Löschen oder ersetzen:
- Klicke auf Löschen.
- Wähle aus der Auswahl die Ersatzfarbe aus.
- Klicke auf Anwenden.
- Ändere den Namen der Farbe:

Du kannst eine Farbe nicht löschen/ersetzen?
- Bestimmte Farbtöne werden als Standardfarbe für Apps von Wix und Elemente auf der Website verwendet, sodass die Option Löschen daher ausgegraut ist. Du kannst jedoch auf den Farbton im Panel klicken, um ihn zu ersetzen.
- Farbtöne, die nicht als Standardfarbe festgelegt wurden, werden möglicherweise weiterhin auf der gesamten Website verwendet und du wirst daher aufgefordert, die Farbe stattdessen zu ersetzen.
Website-Farben auf Elemente anwenden
Wenn Farben Kategorien zugewiesen werden, werden sie automatisch auf einige Elementvorlagen im „Elemente hinzufügen“-Panel angewendet (z. B. Textelemente mit Design). Du kannst die Farben deiner Website auch mit dem Inspektor auf Elemente auf der Arbeitsfläche anwenden.
Um Website-Farben auf Elemente anzuwenden:
- Wähle das entsprechende Element aus.
- Klicke oben rechts im Editor auf das Symbol für Inspektor öffnen
.
- Klicke unter Design auf das Farbfeld, um die Auswahl zu öffnen.

- Wähle unter Designfarben einen Farbton aus, um ihn anzuwenden.

Gut zu wissen:
Wenn das Element mehr als eine Farbe enthält, kannst du jeden Farbton einzeln anpassen, indem du auf das entsprechende Farbfeld klickst.