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
Comment pouvons-nous vous aider?
Parcourez nos articles d'aide, nos tutoriels en vidéo et nos guides de démarrage rapide.

Comptez sur nous. Nous avons le nécessaire. Parcourez notre base de connaissances pour rapidement trouver des réponses à vos questions en matière de marketing par e-mail.

Changer les couleurs dans votre modèle d’e-mail

Article: 000005855
Updated: 12 mars 2025

Utilisez l’onglet Design (Conception) pour personnaliser l’arrière-plan, la bordure, le diviseur, le texte, le lien et les couleurs de boutons dans l’ensemble du modèle, ou modifiez les couleurs d’une section ou d’un bloc pour les faire ressortir

 

La couleur est un aspect important du design de votre e-mail puisqu’elle met en valeur votre marque ou aide à véhiculer le ton et l’ambiance du contenu de votre e-mail. Les couleurs de votre modèle peuvent être changées en une seule fois. Vous pouvez également changer les couleurs de l’arrière-plan d’une disposition, d’un texte ou des boutons dans un bloc individuel pour les faire ressortir. Si vous créez différentes sections dans votre e-mail, vous pouvez modifier les couleurs de l’arrière-plan et de la bordure pour les mettre en évidence :

 

Icône d’horlogeGagnez du temps : utilisez notre BrandKit pour ajouter automatiquement votre logo et les couleurs de votre marque dans votre compte ! Vos couleurs sont automatiquement ajoutées aux palettes pour que vous puissiez facilement y accéder pendant la création de campagnes.

 


Changer les couleurs de l’arrière-plan, de la bordure ou du diviseur du modèle

Depuis l’onglet Design (Conception), choisissez les couleurs de vos arrière-plans, bordures et diviseurs, et appliquez-les à l’ensemble de votre modèle. Les styles attribués dans l’onglet Design (Conception) sont appliqués aux blocs et sections dans votre modèle d’e-mail, tant que vous ne les modifiez pas manuellement dans la barre d’outils de la disposition ou dans les options de personnalisation d’une section.

  1. Cliquez sur l’onglet Design (Conception).
  2. Déroulez la section Backgrounds & Borders (Arrière-plans et bordures).
  3. Cliquez sur l’échantillon de couleur de l’élément que vous souhaitez modifier. 
  4. Passez le curseur sur une couleur de la palette pour la prévisualiser dans la partie droite. Sélectionnez une couleur dans la palette en cliquant dessus ou cliquez sur Advanced (Avancé) pour saisir une valeur hexadécimale spécifique.
    Conseil de mise en page : si vous souhaitez faire correspondre exactement les couleurs de votre marque, mais que vous n’êtes pas sûr de la valeur hexadécimale, utilisez un sélectionneur de couleurs, tel que Color Cop ou Color Schemer Online pour les trouver.

    Onglet Design (Conception) de l’éditeur d’e-mails sélectionné, section Backgrounds & Borders (Arrière-plans et bordures) déroulée avec le nuancier visible et la palette de couleurs du diviseur ouverte

 

Autres options de couleurs pour l’arrière-plan et la bordure

Même si vous avez changé les couleurs du modèle entier depuis l’onglet Design (Conception), vous pouvez encore modifier la couleur d’arrière-plan d’un bloc individuel ou la couleur d’un diviseur pour les faire ressortir. N’oubliez pas qu’une fois que vous appliquez une couleur d’arrière-plan avec la barre d’outils d’un bloc ou le menu de la disposition (illustration ci-dessous), les couleurs globales dans l’onglet Design (Conception) ne lui sont plus appliquées.

Éditeur d’e-mails avec l’onglet Design (Conception) sélectionné, menu de la disposition avec le menu des paramètres déroulé, option de couleur d’arrière-plan sélectionnée, et palette de couleurs déroulée

 

Icône en forme d’ampouleLe saviez-vous ? En plus de changer la couleur de l’arrière-plan extérieur, vous pouvez y ajouter une image d’arrière-plan.

 

Changer les couleurs du texte et des liens du modèle

Depuis l’onglet Design (Conception), choisissez les couleurs de votre texte et des liens, et appliquez-les à l’ensemble de votre modèle.

  1. Cliquez sur l’onglet Design (Conception).
  2. Cliquez sur la section Fonts (Polices).
  3. Cliquez sur l’échantillon de couleur de l’élément que vous souhaitez modifier. 
  4. Passez le curseur sur une couleur de la palette pour la prévisualiser dans la partie droite. Sélectionnez une couleur dans la palette en cliquant dessus ou cliquez sur Advanced (Avancé) pour saisir une valeur hexadécimale spécifique.
    Conseil de mise en page : si vous souhaitez faire correspondre exactement les couleurs de votre marque, mais que vous n’êtes pas sûr de la valeur hexadécimale, utilisez un sélectionneur de couleurs, tel que Color Cop ou Color Schemer Online pour les trouver.

    Éditeur d’e-mails avec onglet Design (Conception) sélectionné, menu Fonts (Polices) développé

 

Autres options de couleurs pour le texte au niveau du bloc

Même si vous avez changé les couleurs globales du texte depuis l’onglet Design (Conception), vous pouvez encore modifier la couleur de votre texte ou des liens pour les faire ressortir. N’oubliez pas qu’une fois que vous appliquez une couleur de texte ou des styles avec la barre d’outils d’un bloc texte (illustration ci-dessous), les couleurs globales dans l’onglet Design (Conception) ne lui sont plus appliquées. Le menu du bloc texte propose d’autres options de mise en page, telles que l’alignement du texte, les listes à puce ou les listes numérotées.

Éditeur d’e-mails avec l’onglet Design (Conception) sélectionné, bloc Text (texte) sélectionné avec la barre d’outils du texte, la barre d’outils de couleur du texte et la palette de couleurs du texte déroulées

 

Changer les couleurs des boutons du modèle

Depuis l’onglet Design (Conception), choisissez les couleurs des boutons, et appliquez-les à tous les boutons de votre modèle.

  1. Cliquez sur l’onglet Design (Conception).
  2. Cliquez sur la section Buttons (Boutons).
  3. Cliquez sur la couleur du nuancier pour l’appliquer au bouton. 
  4. Passez le curseur sur une couleur de la palette pour la prévisualiser dans la partie droite. Sélectionnez une couleur dans la palette en cliquant dessus ou cliquez sur Advanced (Avancé) pour saisir une valeur hexadécimale spécifique.
    Conseil de mise en page : si vous souhaitez faire correspondre exactement les couleurs de votre marque, mais que vous n’êtes pas sûr de la valeur hexadécimale, utilisez un sélectionneur de couleurs, tel que Color Cop ou Color Schemer Online pour les trouver.

    Onglet Email Design (Design de l’e-mail), menu Buttons (Boutons) ouvert, palette de couleurs des boutons ouverte

 

Autres options de couleurs pour les boutons au niveau du bloc

Même si vous avez changé les couleurs globales des boutons depuis l’onglet Design, vous pouvez encore modifier la couleur d’un bouton individuellement pour le faire ressortir. N’oubliez pas qu’une fois que vous appliquez une couleur avec la barre d’outils du bouton (en haut de l’éditeur) ou avec le menu de mise en page (côté gauche de l’éditeur), les couleurs globales dans l’onglet Design (Conception) ne lui sont plus appliquées. Les boutons possèdent également d’autres options de mise en page, comme les bordures et les espacements. 

Éditeur d’e-mails avec bloc Button (Bouton) sélectionné, barre d’outils du bouton déroulée avec la palette de couleurs pour le texte du bouton, et le menu de personnalisation du bouton déroulé avec les options Button color (Couleur du bouton) et Apply border color (Appliquer la couleur de la bordure)

 

Changer les couleurs de l’arrière-plan et de la bordure dans une section

Vous pouvez appliquer différentes couleurs aux arrière-plans et aux bordures de chaque section de votre e-mail. N’oubliez pas qu’une fois que vous appliquez une couleur en passant par la section, les couleurs globales dans l’onglet Design (Conception) ne lui sont plus appliquées.

  1. Placez votre curseur sur la section que vous souhaitez modifier et cliquez sur l’icône de crayon.
  2. Déroulez la section Width and backgrounds (Largeur et arrière-plan), puis cliquez sur l’icône du pot de peinture pour modifier la couleur de l’arrière-plan extérieur ou intérieur.
  3. Passez le curseur sur une couleur de la palette pour la prévisualiser dans la partie droite. Sélectionnez une couleur dans la palette en cliquant dessus ou cliquez sur Advanced (Avancé) pour saisir une valeur hexadécimale spécifique.
    Conseil de mise en page : si vous souhaitez faire correspondre exactement les couleurs de votre marque, mais que vous n’êtes pas sûr de la valeur hexadécimale, utilisez un sélectionneur de couleurs, tel que Color Cop ou Color Schemer Online pour les trouver.

    Éditeur d’e-mails avec le menu Customize section (Personnaliser la section) et la section Width and backgrounds (Largeur et arrière-plans) déroulés, option Outer background (Arrière-plan extérieur) avec le bouton couleur, et option Inner background (Arrière-plan intérieur) avec le bouton couleur et la palette de couleurs déroulées
     
  4. Déroulez la section Borders (Bordures).
  5. Cliquez sur la couleur du nuancier. 
  6. Passez le curseur sur une couleur de la palette pour la prévisualiser dans la partie droite. Sélectionnez une couleur dans la palette en cliquant dessus ou cliquez sur Advanced (Avancé) pour saisir une valeur hexadécimale spécifique.

    Éditeur d’e-mails avec le menu Customize section (Personnaliser la section) et section Borders (Bordures) développés, couleur du nuancier avec la palette de couleurs déroulée
     

 

Tous les liens que nous fournissons à partir de sites n’appartenant pas à Constant Contact ou les informations concernant des produits ou services n’appartenant pas à Constant Contact sont mis à votre disposition gracieusement et ne doivent en aucun cas être interprétés comme une approbation de la part de Constant Contact.

 


Questions?

Ask the Community

Did this article answer your question?


Constant Contact Logo

Copyright © 2021 · Tous droits réservés · Constant Contact · Privacy Policy