Studio Editor: Mit Website-Farben arbeiten

4 Min. Lesezeit
Website-Farben bilden das allgemeine Farbdesign, das auf der Website verwendet wird. Dieses Design ist in Farbbereiche unterteilt, die auf verschiedene Kategorien angewendet werden (z. B. Hintergrund und Text) und enthalten bestimmte Farbtöne.
Sowohl Einzelfarben als auch Farbbereiche sind anpassbar, sodass du bestimmte Teile der Website nach Bedarf gestalten und anpassen kannst.
In diesem Artikel erfährst du mehr über folgende Themen:

Farben auf einer Website bearbeiten

Je nach Designanforderungen kannst du den Gesamtbereich einer Kategorie oder einen bestimmten Farbton in einem Bereich anpassen.

Um die Website-Farben zu bearbeiten:

  1. Klicke links im Editor auf Website-Stile .
  2. Klicke auf den Tab Farben.
  3. Wähle aus, was du anpassen möchtest, einen Farbbereich oder eine einzelne Farbe:
    • Farbbereich:
      1. Klicke im entsprechenden Bereich auf das Symbol für Farbbereich bearbeiten .
      2. 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.
      3. Klicke auf Anwenden.
    • Einzelne Farbe:
      1. Fahre mit der Maus über den Farbton und klicke auf das Symbol für Bearbeiten .
      2. Wähle aus den folgenden Optionen aus, wie die neue Farbe 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.
      3. Klicke auf Anwenden.
Eine Farbe in einem Bereich wird geändert. Ein neuer Farbton wurde ausgewählt und der Cursor klickt auf den Button „Anwenden“.

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:

  1. Wähle das entsprechende Element aus.
  2. Klicke oben rechts im Studio Editor auf den Pfeil Inspektor öffnen .
  3. Öffne den Design-Tab .
  4. Klicke unter Farbe auf das Farbfeld, um die Auswahl zu öffnen.
  5. Wähle unter Designfarben einen Farbton aus, um ihn anzuwenden.
Der Inspektor ist für ein Vektorelement geöffnet. Eines der Farbfelder ist geöffnet und eine Designfarbe wurde angewendet.
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.

Häufig gestellte Fragen (FAQs)

Wähle eine Frage aus, um mehr über die Verwendung von Farben zu erfahren.

War das hilfreich?

|