Schémas de couleurs de site Web que vous pouvez utiliser pour votre site WordPress

Mise à jour: 14 octobre 2020 / Article par: WHSR Guest

Vous venez de vous inscrire WordPresset vous êtes prêt à créez votre premier site Web. Le problème est que vous ne savez pas à quoi vous voulez que cela ressemble. Vous ne pouvez pas simplement choisir un thème et respectez-le - il est également crucial de choisir la palette de couleurs parfaite.

Ça fait peur? Ne t'inquiète pas. J'ai rassemblé de superbes exemples de couleurs de sites Web dont vous pouvez vous inspirer. Nous discuterons également de ce qu'il faut faire pour choisir la palette parfaite pour votre site Web.

Pourquoi les jeux de couleurs sont importants

Avant d'entrer dans la liste, expliquons pourquoi il est essentiel de sélectionner les bonnes couleurs pour votre site Web.

Tout d'abord, une palette de couleurs distincte rend votre marque plus mémorable.

Les grandes entreprises utilisent généralement les couleurs de leur logo pour leurs sites Web, publicités et autres efforts de marque. Par exemple, FedEx utilise le violet et l'orange, tandis que PayPal choisit plusieurs nuances de bleu. En utilisant ces couleurs de manière cohérente, le public associe cette palette de couleurs à la marque.

Une bonne palette de couleurs peut également plaire à votre public cible.

Selon une enquête de Scott Design, le bleu et le vert semblent être les deux couleurs préférées.
Selon une enquête de Scott Design, le bleu et le vert semblent être les deux couleurs préférées.

Chaque groupe démographique a sa propre préférence de couleur. Leur goût pourrait être influencé par leur éducation, leur culture, leur société et de nombreux autres facteurs.
Par exemple, une couleur peut avoir significations différentes dans différentes cultures. Le noir signifie généralement l'élégance, mais dans certaines cultures, il représente la souffrance.

Les entreprises ont utilisé les effets des couleurs pour leurs propres avantages. Par exemple, les enfants réagissent généralement plus positivement aux couleurs vives. Ainsi, un site Web comme PBS Kids utilise une palette de couleurs vives pour attirer les enfants.

Enfin, les couleurs peuvent accroître l'engagement des utilisateurs.

Une étude révèle que les boutons CTA avec des couleurs à contraste élevé ont des taux de conversion élevés. Cela signifie que le bouton doit être d'une couleur qui se démarque de la palette de couleurs du site Web.

Donc, comme vous pouvez le voir, il est crucial de prendre en compte les couleurs de chaque élément de votre site Web, même s'il ne s'agit que d'un bouton.

Comment choisir le bon schéma de couleurs pour votre site Web

Le moyen le plus simple de sélectionner une bonne palette de couleurs consiste à utiliser des générateurs de couleurs. Voici quelques outils que vous pouvez utiliser:

  • Colorspire- prévisualisez les couleurs sur un modèle de site Web.
  • Paletton- voyez à quoi ressemblera votre palette de couleurs dans différentes mises en page.
  • Refroidisseurs- générer des schémas de couleurs à partir d'images de votre choix.

Cependant, si vous souhaitez créer un jeu de couleurs à partir de zéro, voici ce que vous pouvez faire:

  1. Sélectionnez une couleur dominante. C'est la couleur que vous voulez le plus mettre en valeur. Il est recommandé d'utiliser la couleur de votre marque sur l'ensemble de votre site Web.
  2. Choisissez les couleurs secondaires. Ces couleurs complètent ou renforcent votre couleur dominante.
  3. Déterminez où placer les couleurs. Certaines personnes aiment utiliser la couleur dominante pour les fonctionnalités accentuées telles que les boutons et les liens. D'autres peuvent l'utiliser pour de grands éléments visuels, tandis que les couleurs secondaires sont pour les textes. Explorez les options et trouvez la meilleure pour vous.
  4. Choisissez une couleur d'arrière-plan. Les gens choisissent généralement un ton neutre pour garder le site Web lisible.

8 superbes schémas de couleurs de site Web

Avec plus de 38% des sites Web utilisent WordPress, J'ai soigneusement sélectionné 8 types de combinaisons de couleurs que vous pouvez utiliser comme source d'inspiration pour votre site WordPress:

1. Dynamique

Les couleurs vives et vives peuvent être un choix parfait pour les sites Web qui souhaitent donner un ton vif et énergique. Le site Web de Climate Optimist illustre la bonne utilisation de ces couleurs. En tant qu'organisation de lutte contre le changement climatique, ils veulent inspirer positivité et confiance pour inciter les gens à participer à leur campagne. Ceci est incarné dans leur palette de couleurs jaune, rose et verte.

2. Muet

Si vous voulez que votre site Web soit élégant, pensez à utiliser des tons sourds. Ils ne sont peut-être pas aussi accrocheurs, mais la bonne combinaison de couleurs peut sembler élégante.

Ce site Web de Mosole, une cave italienne, vise un tel ton. Ils désaturent les couleurs terreuses comme le marron et le vert et créent un effet chic qui représente toujours leur marque en tant que cave.

3. lumière

Si vous voulez que votre site Web soit attrayant, je vous recommande d'utiliser des teintes plus claires. Comme une maison confortable, un site Web agréable donne envie aux visiteurs de passer plus de temps sur votre page.

Bosumhus, un site Web de constructeur de maisons, présente un excellent exemple de cette palette de couleurs. Alors que les textes sont sombres, les autres éléments sont pour la plupart en marron clair et beige avec des notes de vert terre ici et là. Le site Web est également une bonne illustration de la façon dont vos images peuvent représenter votre palette de couleurs.

4. Foncé

Contrairement aux couleurs claires, les teintes sombres symbolisent généralement le mystère. De plus, il est utilisé pour représenter la modernité et le futurisme.
Dans cet exemple, Critical TechWorks utilise des couleurs sombres pour compléter son identité en tant qu'entreprise technologique de nouvelle génération.

Le site Web illustre également comment utiliser des couleurs sombres tout en étant captivant. Bien que la plupart des couleurs soient profondes, le site Web utilise également le bleu néon pour les reflets.

5. Pastel

Les pastels sont une tendance du design depuis quelques années. Ces couleurs sont douces et délavées, et elles visent à être apaisantes.

Il est généralement associé aux nourrissons car ces couleurs se trouvent souvent dans les crèches. Cependant, de nombreux sites Web utilisent ces couleurs pour attirer également les jeunes.

Le site Web du Mont-Roucous est un excellent exemple d'utilisation des couleurs pastel. Comme leurs produits sont destinés aux bébés, ils utilisent du rose tendre et du bleu pour leur marque.

6. Monochromatique

Si vous ne savez pas comment combiner les couleurs, essayez de choisir une couleur et rendez l'ensemble de votre site Web monochromatique. Cela signifie que vous n'utiliserez que différentes nuances de la même couleur sur toute votre page.

Brightscout montre comment utiliser différentes nuances de vert sur la même page. Bien que tout soit principalement vert, l'utilisation de nuances claires et foncées empêche la page de paraître plate.

7. Accentuer

Les couleurs d'accent se réfèrent à celles qui sont utilisées pour souligner les éléments importants. Ces couleurs sont utilisées avec parcimonie et certains sites Web utilisent la couleur de leur marque comme couleur d'accentuation.
Par exemple, Frakton utilise une palette de couleurs principalement noir et blanc avec des touches de jaune ici et là. Le schéma noir et blanc permet d'attirer toute l'attention sur les reflets jaunes, de sorte que la couleur d'accentuation est utilisée pour les boutons, les textes accentués et les en-têtes.

8. Couleurs contrastées

Certains sites Web aiment utiliser deux couleurs contrastées pour créer un impact visuel saisissant. Ces couleurs se trouvent généralement aux extrémités opposées de la roue chromatique.

Turner Dairy utilise le rouge et le bleu pour juxtaposer leurs produits laitiers à leurs produits non laitiers. Ils maintiennent ce contraste tout au long de leur site Web. Les boutons et les titres sont pour la plupart en rouge, tandis que les éléments visuels sont en bleu. Ils utilisent également un fond blanc pour la lisibilité.

Récapitulation

Choisir la bonne palette de couleurs ne consiste pas seulement à combiner de belles couleurs. Il s'agit de choisir celui qui convient à votre marque, à votre public et à l'engagement des utilisateurs.

Si vous voulez un processus simple pour trouver une bonne palette, utilisez des générateurs de couleurs. Choisissez celles qui seraient vos couleurs dominantes, secondaires et d'arrière-plan. Vous devrez également réfléchir à la manière dont chaque couleur doit être placée sur votre site Web.

Bien que je n'ai répertorié que 8 schémas de couleurs, il existe des combinaisons de couleurs infinies que vous pouvez essayer pour votre site Web WordPress. Alors, n'ayez pas peur d'expérimenter et bonne chance.

A lire également:


A propos de l'auteur: Simon Dwight Keller

Simon Dwight Keller est un entrepreneur en marketing numérique désireux de générer des tonnes de trafic vers votre site Web avec un contenu créatif et convaincant. Après trois ans de travail acharné en tant que pigiste, il a décidé de faire passer ses services au niveau supérieur, il a cofondé une société de marketing numérique PRable. Finalement, Simon a estimé que pour faire plus, il devait créer sa propre entreprise - SDK Marketing. Avec sa petite équipe bien que professionnelle, il est prêt à relever de nouveaux défis, à augmenter votre trafic et à générer plus de revenus. Outre sa passion brûlante pour le référencement, il s'intéresse au hockey sur glace et aux voyages. Connectez-vous avec Simon sur LinkedIn.

À propos de l'invité WHSR

Cet article a été écrit par un contributeur invité. Les opinions de l'auteur ci-dessous sont entièrement les siennes et peuvent ne pas refléter les vues de WHSR.