Comment choisir la palette de couleurs parfaite pour créer une page Web ?

Mis à jour : 11 févr. 2018


Bien qu'il existe de nombreuses étapes dans la création de votre entreprise, l'image de la marque est l'une des plus importantes. L'important, c'est la façon dont vos clients vous perçoivent . Les premières impressions sont les plus fortes quand il s'agit de ce que les gens pensent d'une entreprise, il est donc évident que vous devez mettre tout les chances de votre côté.


La première étape pour ce qui est de l'image de votre marque est de choisir une palette de couleurs accessible et qui s'agence avec votre marque,le matériel de marketing et votre site Web. Même si un choix de couleurs attrayantes peut sembler un peu délicat, ne vous inquiétez pas! Nous sommes là pour vous montrer les étapes à suivre pour faire les meilleurs choix selon vos besoins :

Savoir quelles émotions les couleurs peuvent évoquer


Vous avez peut-être une idée de la palette de couleur que vous voulez pour votre entreprise, mais avant de choisir pour de bon, essayez de regarder ce que les couleurs que vous envisagez utiliser évoquent réellement.


Premièrement, demandez-vous si les couleurs transmettent les bonnes émotions et si elles sont attrayantes pour le marché cible. Cela peut sembler une question idiote, mais en marketing Web, c'est important d'examiner la psychologie des couleurs et des émotions.



Expérimentez avec des outils de palette de couleurs en ligne


Maintenant que vous savez une chose ou deux sur les couleurs et les émotions, il est temps d'appliquer ce que vous avez appris en jouant avec des outils de palette de couleurs en ligne.


Coolors.co


Coolors est un bon endroit pour commencer. Ce site internet offre une grande variété d'outils pour ajuster la palette de couleurs comme vous le souhaitez. En outre, vous pouvez exporter votre création finale dans de nombreux formats différents afin de pouvoir l'utiliser partout où vous le souhaitez. Coolors n'est pas seulement un outil pour créer une palette de couleurs, il vous permet également de voir d'autres créations réalisées par d'autres utilisateurs afin de vous inspirer.


La section "Explorer" contient littéralement des centaines (voire des milliers) de palettes que vous pouvez afficher, enregistrer et modifier vous-même. Encore mieux, Coolors est disponible sur les ordinateurs de bureau, une application iOS, un add-on Adobe Photoshop et Illustrator - et même une extension Google Chrome pour un accès facile!


Générateur de palettes de couleurs Canva


Il y a aussi le générateur de palettes de couleurs Canva, un outil en ligne populaire pour créer des infographies (entre autres) et qui offre une approche intéressante pour générer des palettes de couleurs basées sur une photo que vous téléchargez. Alors que d'autres outils offrent des options similaires, Canva ne pourrait pas être plus facile à utiliser. Si vous avez une photo qui englobe le sentiment général que vous souhaitez apporter à votre marque, vous pouvez simplement le télécharger sur le générateur de Canva et il retournera instantanément en une palette composée de cinq couleurs, chacune avec son code hexadécimal correspondant à une référence.


Malheureusement, c'est là que s'arrête l'utilité de l'offre de Canva, car c'est tout ce que vous pouvez faire avec son générateur de palettes. Vous ne pouvez pas ajuster les couleurs de la palette. Les seules autres options que vous avez sont de copier les valeurs hexadécimales fournies ou de télécharger une autre photo.


Vous avez toujours besoin d'inspiration avant de décider des couleurs de votre palette? Découvrez Color Lovers pour parcourir (littéralement) des millions de palettes créées par l'utilisateur!


Autres outils en ligne gratuits:


- Adobe Color CC: Si la grande roue est votre attraction préférée, alors vous adorerez cet outil de création de palette de couleurs. Décidez de votre palette de couleurs avec une roue de couleurs géante avec laquelle vous pouvez jouer ou optez pour la méthode plus conformiste en utilisant les couleurs d'une photo que vous avez téléchargée.


- ColourCode : Vous n'êtes pas sûr de vos préférences de couleur? Colourcode vous frappe directement dans le visage en affichant un arrière-plan qui change de couleur avec le mouvement de votre curseur. En plus de cela, cet outil offre différentes options pour sauvegarder une couleur à côté des différentes catégories de la palette (analogique, triade, quad, monochrome, lumière monochrome, etc.).


Choisissez les couleurs de votre palette primaire


D'accord, vous êtes assez inspiré pour commencer à choisir vos couleurs de palette primaires ou «dominantes».Ce sont les couleurs avec lesquels vous voudrez que votre public cible vous reconnaisse. Ils orneront votre site Web et vos cartes de visite, il est donc important de bien les travailler.


Bien que ce ne soit pas impératif, vous n'aurez probablement besoin que de deux couleurs primaires, les autres resteront en tant que couleurs d'accent, que nous couvrirons plus tard. Il est également important de noter que de vos deux couleurs dominantes, l'une sera utilisée plus que l'autre quand il s'agit d'appliquer votre palette.


Tout d'abord, les couleurs de votre palette dominante doivent soit complémenter ou bien contraster ensemble, et ni l'un ni l'autre ne doit éclipser les autres. Si c'est le cas, vous pouvez jouer avec des teintes, des tons et des nuances pour trouver un juste milieu entre les deux.


Voici une explication rapide de ces derniers termes:


Tonalités: Mélange de gris à une couleur pure.

Teinte: Mélange de blanc à une couleur pure.

Nuances: Mélange de noir à une couleur pure.


Ce n'est pas une étape qui doit être précipitée, car ce sont les couleurs les plus marquantes de votre marque qui montrent aux gens de quoi il s'agit. Vous serez heureux d'avoir passé le temps supplémentaire à trouver les valeurs de couleurs parfaites.



Choisissez votre couleur d'accent


Les couleurs d'accent jouent un rôle extrêmement important, en particulier pour votre site Web. Ils sont censés attirer les yeux de votre spectateur sur quelque chose que vous voulez mettre en évidence. Un mauvais choix peut faire en sorte que les gens manquent ce qui est essentiel pour vous.


Les couleurs d'accent sont généralement plus audacieuses que vos couleurs primaires, il est donc préférable de s'assurer qu'il y a un contraste élevé entre elles. Pour votre site Web, les couleurs d'accent sont mieux appliquées à des éléments tels que votre menu de navigation, l'appel à des actions et d'autres éléments cruciaux que vous souhaitez présenter.


Un bon exemple d'application réussie de couleur d'accent peut être trouvé dans le modèle de conférence de conception ci-dessous. Les accents rouges sur le menu pour vous montrer à quelle section de la page vous vous trouvez et le bouton lumineux «acheter des billets» affiche un appel à l'action qui demande à être cliqué.


Appliquez votre palette avec la règle 60-30-10


Donc, maintenant que vous avez votre palette de couleurs complète pour votre entreprise, il est temps de vous donner une tape dans le dos, mais vous n'avez pas encore terminé. La façon dont vous appliquez réellement votre palette de couleurs est importante, et vous pouvez laisser la règle populaire 60-30-10 vous guider.


La règle 60-30-10 est plutôt simple à expliquer, car vous utiliserez 60% de votre couleur primaire, 30% de votre couleur secondaire et 10% de votre couleur d'accent. En ce qui concerne la conception Web, vous pouvez retravailler la règle avec 60% d'espace négatif, 30% de contenu et 10% d'éléments «d'appel à l'action».


Si vous n'avez pas saisi, voici un truc pour visualiser la règle 60-30-10 : Penser à un homme dans un costume d'affaires: 60% est le pantalon et la veste, 30% est la chemise, et 10% est la cravate.


En suivant la règle 60-30-10, vous serez en mesure d'atteindre l'équilibre à la fois en couleur et en contenu pour votre site web!

Boxcom | Concetion de site Web et rférencement Web Québec

581.741.7767