Les couleurs contribuent à établir une identité de marque forte, à susciter des émotions et à orienter l’attention des utilisateurs vers des sections spécifiques de votre site web. Une palette de couleurs bien pensée rend votre site attrayant visuellement et mémorable pour vos visiteurs. Ce guide explique comment modifier les couleurs de votre site, choisir des harmonies de couleurs et utiliser des options personnalisées pour adapter vos textes, boutons et mises en page.
Pour gérer les couleurs de votre site web, suivez ces étapes :
Dans l’éditeur de site, cliquez sur Design dans le menu supérieur.
Sélectionnez Colors dans la liste déroulante.
Utilisez le menu latéral pour parcourir les palettes disponibles ou sélectionner des options personnalisées.
Choisissez l’option Popular pour sélectionner des palettes prêtes à l’emploi ou créer la vôtre :
Sélection - Cliquez sur une palette pour l’appliquer immédiatement, ou cliquez sur le bouton plus pour voir d’autres variantes.
Personnalisation - Cliquez sur chaque couleur d’une palette pour en choisir une nouvelle via le sélecteur de couleurs.
Filtrage et favoris - Utilisez le filtre pour afficher des palettes en fonction de couleurs spécifiques, ou cliquez sur l’icône en forme de cœur pour ajouter une palette à vos favoris.
Outils de génération - Cliquez sur l’icône Palette pour créer une harmonie à partir d’un code hashtag, ou utilisez l’icône Image pour générer une palette à partir de l’image de couverture de votre page d’accueil.
Utilisez l’option Custom pour affiner des éléments spécifiques sur l’ensemble de votre site :
Couleur principale et boutons - Choisissez la couleur principale des liens et des sections essentielles. Utilisez les boutons « Appliquer à tout » pour synchroniser rapidement cette couleur sur tous les éléments ainsi que sur le texte des boutons.
Couleurs du menu - Personnalisez les couleurs de l’arrière-plan du menu, du texte, des effets au survol, des bordures et des lignes de séparation des pages.
Couleurs des pages - Définissez les couleurs d’arrière-plan, de texte et des éléments pour votre page principale, page secondaire et pages internes (pages non affichées sur la page d’accueil).
Sections et pied de page - Ajustez la couleur principale de sections spécifiques de vos pages et choisissez les couleurs d’arrière-plan et de texte de votre pied de page.
Hiérarchie visuelle - L’utilisation d’une couleur principale cohérente aide les utilisateurs à identifier plus facilement les éléments interactifs, comme les boutons et les liens.
Cohérence de marque - Générer une palette à partir de l’image de votre page d’accueil est un moyen rapide de s’assurer que les couleurs de votre site correspondent à votre identité visuelle principale.
Effets au survol - Pensez à vérifier les couleurs au survol du menu afin de garantir que le texte reste lisible lorsqu’un visiteur interagit avec la navigation.
Vérifier la visibilité des couleurs de texte - Après avoir ajusté les couleurs du texte sur votre site, il est important de vérifier le résultat pour vous assurer que la couleur choisie ressort bien sur l’arrière-plan, les zones de texte et les couleurs des boutons. Si le texte se confond avec ces éléments, cela peut entraîner des problèmes : cases à cocher, contenu de la page et texte des boutons peuvent devenir « invisibles ».
Sauf indication contraire, la modification des couleurs de votre site affecte toutes les pages et tout le contenu. Cela signifie que vous ne pouvez pas effectuer de changements sur des segments individuels des pages ou du contenu. Sachez toutefois que vous pouvez modifier les couleurs d’une section via l’icône en forme d’engrenage. Pour en savoir plus, consultez Modifier les sections du site web.
