Quelle palette de couleur choisir, celle qui vous rendra unique et colle à votre identité et vos valeurs ? Votresite e-commercearbore 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, lacouleur 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 tempsd’explorer et de créer une palette de couleur sur mesure pour votre site.
Pourvous 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 fameuseroue chromatique d’Adobeest un générateur depalettede couleurs en ligne quidevrait probablementdoitfigurer 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 projetBrandColors, 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 certainementCohesive 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 limiterColor 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 deColor Huntest alimentée par de nouvelles palettesde couleurscréées par la communauté. Chaque palettede couleursse 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
LeSé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 unepalette de couleurs et de nuances baséesur 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
Colourcodepropose 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 !COLOURloversest 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 deColRDont créé ce site pour vous permettre de générerune palette de couleurs inspiréed’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 surCoolorset la mettre à disposition de tous.
11. Material Palette
Avec le succès grandissant des règles deMaterial Design de Googlepour le design de sites web, on pouvait s’attendre à voir sortir un générateur de palettes. C’est maintenant chose faite. MaisMaterial Palettene 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 deMudcubeest 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 !
非盟盛de每调色板颜色,你们saurezquel 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 Pinterestest 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.
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