We're making it easier to get around Constant Contact with a brand new left navigation. Not all accounts have that change yet, so if your navigation looks different from our articles, that's why–but everything from the top can now be found on the left!

Email and Digital Marketing
Wie können wir Ihnen helfen?
Durchsuchen Sie unsere Hilfe-Artikel, Video-Tutorials und Schnellstart-Anleitungen

Sie haben es. Sie haben uns. Durchsuchen Sie unsere Wissensdatenbank für eine schnelle Antwort auf Ihre Fragen zum E-Mail-Marketing.

Farben in Ihrer E-Mail-Vorlage ändern

Article: 000005855
Updated: 21. Mai 2025

Verwenden Sie die Registerkarte Design, um die Farben für Hintergrund, Rahmen, Trennlinien, Text, Links und Schaltflächen für Ihre gesamte Vorlage anzupassen oder die Farben innerhalb eines Abschnitts oder Blocks zu ändern, um sie hervorzuheben.

 

Die Farbe ist ein wichtiger Aspekt Ihres E-Mail-Designs, da die richtige Farbe Ihr Branding zur Geltung bringt oder dabei hilft, den Ton und die Stimmung Ihres E-Mail-Inhalts zu vermitteln. Die Farben können global für die gesamte Vorlage geändert werden, oder Sie können die Hintergrundfarben eines Layouts/einer Zeile oder von Text und Schaltflächen in einem einzelnen Block ändern, um sie besser hervorzuheben. Wenn Sie verschiedene Abschnitte in Ihrer E-Mail erstellen, können Sie auch die Hintergrund- und Rahmenfarben innerhalb des Abschnitts ändern, um ihn hervorzuheben:

 

UhrensymbolSparen Sie Zeit: Nutzen Sie unser BrandKit, um Ihr Logo und Ihre Markenfarben automatisch in Ihren Account zu übernehmen! Ihre Farben werden automatisch zu allen Farbpaletten hinzugefügt, damit Sie bei der Bearbeitung Ihrer Kampagnen leicht darauf zugreifen können.

 


Farben für Hintergrund, Rahmen und Trennlinien der Vorlage ändern

Wenn Sie auf der Registerkarte Design die Farben für Hintergründe, Rahmen und Trennlinien auswählen, können Sie diese auf die gesamte Vorlage anwenden. Die Stile, die Sie auf der Registerkarte Design zuweisen, werden auf alle Blöcke und Abschnitte in Ihrer E-Mail-Vorlage angewendet, bis Sie sie manuell über die Symbolleiste einer Zeile oder über die Anpassungsoptionen für einen Abschnitt ändern.

  1. Klicken Sie auf die Registerkarte Design.
  2. Erweitern Sie den Abschnitt Backgrounds & Borders (Hintergründe & Rahmen).
  3. Klicken Sie auf das Farbfeld für das Element, das Sie ändern möchten. 
  4. Platzieren Sie den Mauszeiger über einer Farbe in der Palette, um eine Vorschau der Farbe in Ihrer Vorlage anzuzeigen. Klicken Sie auf eine Farbe, um sie auszuwählen, oder klicken Sie auf Advanced (Erweitert), um einen bestimmten HEX-Wert einzugeben.
    Design-Tipp: Wenn Sie die Farben Ihrer Marke genau treffen wollen, aber den Hexadezimalwert nicht genau kennen, verwenden Sie einen Farbwähler, wie z. B. Color Cop oder Color Schemer Online, um sie zu finden.

    E-Mail-Editor mit ausgewählter Registerkarte „Design“, aufgeufgeklapptem Abschnitt „Hintergründe und Rahmen“ mit sichtbaren Farbfeldern und aufgeklappter Farbpalette für Trennlinien

 

Zusätzliche Optionen für Hintergrund- und Rahmenfarben

Auch wenn Sie die globalen Vorlagenfarben auf der Registerkarte „Design“ geändert haben, können Sie die Hintergrundfarbe eines einzelnen Blocks der die Farbe einer Trennlinie ändern, um sie von den anderen abzuheben. Beachten Sie, dass, sobald Sie eine Hintergrundfarbe über die Symbolleiste eines Blocks oder das Menü „Zeile“ (siehe Abbildung unten) zuweisen, die globalen Farben auf der Registerkarte „Design“ nicht mehr für diesen Block gelten.

E-Mail-Editor mit ausgewählter Registerkarte „Design“, Menü „Zeile“ mit aufgeklapptem Menü „Einstellungen“, ausgewählter Option „Hintergrundfarbe“ und aufgeklappter Farbpalette

 

GlühlampensymbolWussten Sie schon? Sie können nicht nur die Farbe des äußeren Hintergrunds ändern, sondern auch ein Hintergrundbild zum äußeren Hintergrund hinzufügen.

 

Farben für Vorlagentext und Links ändern

Wenn Sie auf der Registerkarte Design die Farben für Ihren Text und Ihre Links auswählen, können Sie diese auf Ihre gesamte Vorlage anwenden.

  1. Klicken Sie auf die Registerkarte Design.
  2. Klicken Sie auf Fonts (Schriftarten), um den Abschnitt zu erweitern.
  3. Klicken Sie auf das Farbfeld für das Element, das Sie ändern möchten. 
  4. Platzieren Sie den Mauszeiger über einer Farbe in der Palette, um eine Vorschau der Farbe in Ihrer Vorlage anzuzeigen. Klicken Sie auf eine Farbe, um sie auszuwählen, oder klicken Sie auf Advanced (Erweitert), um einen bestimmten HEX-Wert einzugeben.
    Design-Tipp: Wenn Sie die Farben Ihrer Marke genau treffen wollen, aber den Hexadezimalwert nicht genau kennen, verwenden Sie einen Farbwähler, wie z. B. Color Cop oder Color Schemer Online, um sie zu finden.

    E-Mail-Editor mit ausgewählter Registerkarte „Design“, aufgeklapptem Menü „Schriftarten“ und aufgeklappter Farbpalette für den Überschriftentext

 

Zusätzliche Textfarboptionen auf Blockebene

Auch wenn Sie die globalen Textfarben auf der Registerkarte Design geändert haben, können Sie die Farbe bestimmter Texte oder Links noch ändern, damit sie sich vom Rest abheben. Beachten Sie, dass, sobald Sie eine Textfarbe oder einen Stil über die Symbolleiste eines Textblocks (siehe Abbildung unten) anwenden, die globalen Farben auf der Registerkarte „Design“ nicht mehr für diesen Block gelten. Das Menü „Textblock“ bietet Ihnen zusätzliche Bearbeitungsoptionen, z. B. zum Ausrichten von Text und zum Erstellen von Aufzählungslisten oder nummerierten Listen.

E-Mail-Editor mit ausgewählter Registerkarte „Design“, ausgewähltem Textblock mit Textsymbolleiste und Textfarbe Überschriftentext-Symbolleiste und aufgeklappter Textfarbenpalette

 

Farben der Vorlagenschaltflächen ändern

Wenn Sie auf der Registerkarte Design die Farben für Ihre Schaltflächen auswählen, können Sie diese auf alle Schaltflächen in Ihrer Vorlage anwenden.

  1. Klicken Sie auf die Registerkarte Design.
  2. Klappen Sie den Abschnitt Buttons (Schaltflächen) auf.
  3. Klicken Sie auf das Farbfeld für die Schaltfläche. 
  4. Platzieren Sie den Mauszeiger über einer Farbe in der Palette, um eine Vorschau der Farbe in Ihrer Vorlage anzuzeigen. Klicken Sie auf eine Farbe, um sie auszuwählen, oder klicken Sie auf Advanced (Erweitert), um einen bestimmten HEX-Wert einzugeben.
    Design-Tipp: Wenn Sie die Farben Ihrer Marke genau treffen wollen, aber den Hexadezimalwert nicht genau kennen, verwenden Sie einen Farbwähler, wie z. B. Color Cop oder Color Schemer Online, um sie zu finden.

    Registerkarte Email Design (E-Mail-Design), Menü Buttons (Schaltflächen) aufgeklappt, button color palette (Farbpalette für Schaltflächen) erweitert

 

Zusätzliche Farboptionen für Schaltflächen auf Blockebene

Auch wenn Sie die globalen Schaltflächenfarben auf der Registerkarte Design geändert haben, können Sie die Farbe einer einzelnen Schaltfläche noch ändern, damit sie sich von den anderen abhebt. Beachten Sie, dass, sobald Sie eine Farbe über die Symbolleiste der Schaltfläche (oben im Editor) oder das Bearbeitungsmenü (links im Editor) anwenden, die globalen Farben auf der Registerkarte Design nicht mehr für sie gelten. Die Schaltflächen verfügen außerdem über zusätzliche Bearbeitungsoptionen, mit denen Sie z. B. Rahmen und Auffüllungen anwenden können. 

E-Mail-Editor mit ausgewähltem Schaltflächenblock, aufgeklappter Schaltflächensymbolleiste mit Farbpalette für den Schaltflächentext und aufgeklapptem Menü „Schaltfläche anpassen“ mit Optionen für die Schaltflächenfarbe und die Rahmenfarbe

 

Farben für Hintergrund und Rahmen in einem Abschnitt ändern

Jeder Abschnitt in Ihrer E-Mail kann unterschiedliche Farben für die Hintergründe und Rahmen haben. Beachten Sie, dass, sobald Sie eine Farbe über den Abschnitt anwenden, die globalen Farben auf der Registerkarte Design nicht mehr für sie gelten.

  1. Platzieren Sie den Mauszeiger über dem Abschnitt, den Sie bearbeiten möchten, und klicken Sie auf das Bleistiftsymbol.
  2. Klappen Sie den Abschnitt Width and backgrounds (Breite und Hintergründe) auf, und klicken Sie auf das Farbeimer-Symbol, um die Farbe des Äußeren Hintergrunds oder des Inneren Hintergrunds zu ändern.
  3. Platzieren Sie den Mauszeiger über einer Farbe in der Palette, um eine Vorschau der Farbe in Ihrer Vorlage anzuzeigen. Klicken Sie auf eine Farbe, um sie auszuwählen, oder klicken Sie auf Advanced (Erweitert), um einen bestimmten HEX-Wert einzugeben.
    Design-Tipp: Wenn Sie die Farben Ihrer Marke genau treffen wollen, aber den Hexadezimalwert nicht genau kennen, verwenden Sie einen Farbwähler, wie z. B. Color Cop oder Color Schemer Online, um sie zu finden.

    E-Mail-Editor mit Menü „Abschnitt Anpassen“ und aufgeklapptem Abschnitt „Breite und Hintergründe“, Option „Äußerer Hintergrund“ mit Schaltfläche „Farbe“ und Option „Innerer Hintergrund“ mit Schaltfläche „Farbe“ und aufgeklappter Farbpalette
     
  4. Klappen Sie den Abschnitt Borders (Rahmen) auf.
  5. Klicken Sie auf das Feld Color (Farbe). 
  6. Platzieren Sie den Mauszeiger über einer Farbe in der Palette, um eine Vorschau der Farbe in Ihrer Vorlage anzuzeigen. Klicken Sie auf eine Farbe, um sie auszuwählen, oder klicken Sie auf Advanced (Erweitert), um einen bestimmten HEX-Wert einzugeben.

    E-Mail-Editor mit dem Menü „Abschnitt Anpassen“ und aufgeklapptem Abschnitt „Rahmen“, Farbfeld mit aufgeklappter Farbpalette
     

 

Alle Links, die wir von Seiten, die nicht zu Constant Contact gehören, bereitstellen, oder Informationen über Produkte oder Services, die nicht zu Constant Contact gehören, werden gefälligkeitshalber zur Verfügung gestellt und sollten nicht als Billigung von Constant Contact ausgelegt werden.

 


Questions?

Ask the Community

Did this article answer your question?


Constant Contact Logo

Copyright © 2021 · Alle Rechte vorbehalten · Constant Contact · Privacy Policy