Quelle palette de couleur choisir, celle qui vous rendra unique et colle à votre identité et vos valeurs ? Votre site e-commerce arbore cette palette de couleur qui incarne la personnalité de votre marque d’une part, et qui a un impact essentiel sur la perception de l’utilisateur de votre site, et son expérience d’acheteur en ligne!
En effet, la couleur est l’un des éléments les plus puissants du design de votre site. Compte tenu de ce potentiel, vous avez tout intérêt à prendre le temps d’explorer et de créer une palette de couleur sur mesure pour votre site.
Pour vous aider dans vos recherches de la combinaison de couleurs parfaite, nous avons regroupé les meilleurs générateurs de palettes de couleurs gratuits de la Toile. Nous espérons que vous trouverez un outil qui correspond à votre besoin, qui vous inspire et vous pousse à sortir de vos couleurs de confort.
1. La roue chromatique d’Adobe Color Creative Cloud
Anciennement Kuler, La fameuse roue chromatique d’Adobe est un générateur de palette de couleurs en ligne qui devrait probablement doit figurer parmi les favoris de votre navigateur. Cet outil est particulièrement utile pour les designers qui travaillent sur Adobe Creative Cloud, car il vous permet d’enregistrer votre sélection de couleurs et de la télécharger directement en tant qu'échantillon dans vos programmes Creative Cloud.
2. BrandColors
Vous êtes-vous déjà demandé quelles étaient les couleurs utilisées par les plus grandes marques et startups pour se différencier ? Alors allez jeter un œil au passionnant projet BrandColors, accessible en open source sur Github. Le principe est simple : les auteurs et les membres de la communauté publient des palettes de couleurs des sites des plus grandes sociétés du monde entier. A priori, le bleu et le rouge fonctionnent bien…
3. Cohesive Colors
Si vous avez déjà une idée de palette de couleurs, mais qu’elle ne correspond pas tout à fait à votre concept, vous aimerez certainement Cohesive Colors. Cet outil applique une nuance d’une couleur de votre choix à votre palette initiale. Ainsi, vous pouvez créer en un clin d’œil une légère variante de votre palette favorite.
4. Color Hexa
On ne peut pas limiter Color Hexa à l’appellation de « générateur de palette de couleurs », car c’est bien plus que cela. Ses créateurs en parlent comme d’une « encyclopédie des couleurs », ce qui se rapproche beaucoup plus de la vérité. En effet, lorsque vous sélectionnez une couleur, cet outil vous donne toutes les informations importantes concernant cette couleur, depuis la composition de la couleur, des couleurs alternatives, des propositions de palettes, jusqu’à la prévisualisation des couleurs dans divers éléments graphiques. Cherchez votre couleur préférée, et voyez par vous-même.
5. Color Hunt
Tous les jours, la page d’accueil de Color Hunt est alimentée par de nouvelles palettes de couleurs créées par la communauté. Chaque palette de couleurs se compose de tons simples et élégants desquels vous pouvez vous inspirer pour tous vos projets. Vous pouvez chercher la palette de couleurs parfaite pour votre site en classant les palettes par date de création (« New »), par tendances (« Trendy ») ou par popularité (« Popular »).
6. Le Sélecteur de couleur par HTML Color Codes
Le Sélecteur de couleur est probablement le générateur de palettes ultime. Avec cet outil, vous obtenez rapidement les codes HEX ou les valeurs RGB et HSL de la couleur de votre choix. L’outil vous propose ensuite immédiatement une palette de couleurs et de nuances basée sur l’harmonie de votre sélection. Enfin, vous pouvez exporter votre nouvelle palette de couleurs pour votre site aux formats HEX, RGB, HTML, CSS, ou SCSS.
7. Colourcode
Colourcode propose des règles de composition de palettes de couleurs similaires à celles d’autres outils, par exemple analogique, complémentaire ou encore en triade. Mais c’est dans la façon dont vous découvrez ces palettes que le changement est radical. Pour cela, il vous suffit de déplacer le curseur dans l’écran jusqu’à trouver une couleur de départ qui vous convient, puis d’utiliser l’onglet de composition pour créer votre propre palette. Une fois que votre création vous satisfait, vous pouvez l’exporter en ficher .scss, .less, ou .png.
8. COLOURlovers
Le chouchou de beaucoup de designers ! COLOURlovers est une mine d’inspiration chromatique. On y trouve des milliers de palettes de couleurs, de modèles de palettes, et de variations de nuances pour vous aider à transmettre votre message avec le ton idéal.
9. ColRD
Si les couleurs d’une photo ou d’une image vous ont déjà fait vibrer, ce site est fait pour vous. Les créateurs de ColRD ont créé ce site pour vous permettre de générer une palette de couleurs inspirée d’images existantes. L’endroit idéal pour trouver l’inspiration dans vos œuvres d’art, photos et sites préférés.
10. Coolors
L’interface de Coolors est un modèle de simplicité et d’intuitivité. Pour créer votre palette, il vous suffit de sélectionner vos couleurs de départ, de les verrouiller, et d’appuyer sur espace jusqu’à tomber sur la couleur qui fera résonner votre concept. Vous pouvez aussi enregistrer votre palette de couleurs sur Coolors et la mettre à disposition de tous.
11. Material Palette
Avec le succès grandissant des règles de Material Design de Google pour le design de sites web, on pouvait s’attendre à voir sortir un générateur de palettes. C’est maintenant chose faite. Mais Material Palette ne se contente pas de générer des palettes en s’appuyant sur les règles de Material Design, il fait également des propositions de couleurs primaires et secondaires pour votre palette. Il va même plus loin en faisant des propositions différenciées pour l’arrière-plan et les zones de texte.
12. Mudcube Sphere
La sphère chromatique de Mudcube est un générateur de palettes de couleurs sophistiqué qui vous permet de créer des palettes adaptées aux différentes attentes de vos clients. Non seulement la sphère propose dix options différentes de composition, mais elle permet également de tester vos palettes depuis différents types de déficiences de la vision colorée. Enfin, vous pouvez exporter vos palettes aux formats .ai ou .aco, notamment pour les télécharger directement dans Illustrator ou Photoshop.
13. Paletton
Paletton, c’est la découverte du processus de création d’une palette de couleurs. L’outil idéal pour les designers travaillant avec les couleurs et qui souhaitent créer une palette complémentaire. Cerise sur le gâteau, Paletton possède une fonctionnalité qui permet de générer très facilement une maquette afin de tester le rendu des couleurs sur votre site.
14. Palette de couleur
Palettedecouleur.net, le site ne pourrait pas être plus clair quant à son objectif : vous faire découvrir des palettes de couleurs, que vous pouvez filtrer parmi “les plus appréciées”, “les plus vues” ou encore par couleur de votre choix !
Au sein de chaque palette de couleur, vous saurez quel est le code couleur HTML de chaque couleur afin de l’utiliser facilement sur votre site web.
15. Pinterest
Nous le savions déjà le réseau social Pinterest est une mine d’or pour toute veille créative ! Tapez palette de couleurs dans le champ de recherche et vous trouverez des inspirations bluffantes de palettes de couleurs thématiques, inspirées par des paysages, ou des œuvres. Plus votre recherche sera spécifique, plus vos résultats seront pertinents, à vous de vous lancer !
Conclusion
Vous n’avez plus d’excuses ! Avec tous ces générateurs de palettes de couleurs, vous pouvez maintenant créer facilement une palette de couleurs originale pour chacun de vos projets. Vous connaissez d’autres ressources pour trouver la combinaison de couleurs parfaite pour un site web ? Parlez-en dans les commentaires ci-dessous.
Lire la suite
- Créer une boutique en ligne Shopify en 10 étapes - le guide
- SEO - comment améliorer le référencement naturel de votre boutique en ligne ?
- Comment choisir et acheter un nom de domaine disponible ? Guide complet
- Comment créer sa marque - le guide en 7 étapes
- Cours e-commerce - 7 formations e-commerce en ligne gratuites pour créer sa boutique
- 5 stratégies de marque pour positionner votre e-commerce au-dessus de la concurrence
- Comparateur de prix - les meilleurs sites en France pour optimiser vos ventes
- 10 Conseils d'Optimisation d'Images Pour Le SEO Sur Votre Site
- Couverture médiatique en ligne : comment en bénéficier gratuitement
- Unboxing - comment créer une expérience de déballage mémorable pour vos clients
FAQ sur les palettes de couleurs
Comment créer une palette de couleurs ?
- Définissez l’objectif de votre palette : que doit-elle inspirer à celui qui la regarde ?
- Restreignez-vous à 3 couleurs : parmi ces trois couleurs, vous devrez définir votre couleur principale puis votre couleur secondaire et enfin votre couleur d’accent (celle qui servira aux détails comme des lignes ou un lettrage).
- Choisissez entre une palette de couleurs analogues ou complémentaires.
- Réfléchissez à l’émotion qu’elles suscitent : le vert est par exemple synonyme de chance, l’orange de dynamisme, etc.
Comment trouver des couleurs qui vont ensemble ?
Comment trouver ma palette de couleur ?
Publié par Maud Leuenberger. Maud est la rédactrice en chef du blog français de Shopify.
Texte original par Simon Heaton. Traduction par Nicolas Bruno