Blogs Shopify

Les meilleurs générateurs de palettes de couleurs pour le design de votre site

Meilleurs générateurs de palettes de couleurs

Quand on lance une boutique en ligne, nos choix se portent souvent sur une palette de couleurs déjà familière. En effet, on est rapidement submergé par le flot de possibilités de couleurs, de tons et de nuances. La facilité est donc de s’en tenir aux combinaisons de couleurs que l’on connaît et dont on sait qu’elles fonctionnent, au lieu d’oser quelque chose de nouveau et d’audacieux. Mais l’expérimentation de couleurs ne devrait pas vous faire peur. Au contraire, les possibilités de création doivent vous inspirer et vous pousser à innover.

La couleur est l’un des éléments les plus puissants du design de votre site. Les couleurs communiquent la personnalité de votre marque sans la moindre syllabe. Elles influencent la perception qu’ont les consommateurs d’une entreprise ou d’un produit en l’espace de quelques secondes. Compte tenu de ce potentiel, vous avez tout intérêt à prendre le temps d’explorer les possibilités de couleurs et de créer une palette sur mesure pour votre site.

Afin de 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.

Sommaire

La roue chromatique d’Adobe Color Creative Cloud

Adobe Color Creative Cloud

Anciennement Kuler, la roue chromatique d’Adobe est un générateur de palettes de couleurs en ligne qui devrait probablement 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’échantillons dans vos programmes Creative Cloud.

BrandColors

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 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…

Cohesive Colors

Cohesive Colors

Si vous avez déjà une idée de palette, 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.

Color Hexa

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.

Color Hunt

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 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 »).

Le Sélecteur de couleur par HTML Color Codes

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 des palettes de couleurs et de nuances basées 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.

Colourcode

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.

COLOURlovers

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.

ColRD

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 des palettes de couleurs inspirées d’images existantes. L’endroit idéal pour trouver l’inspiration dans vos œuvres d’art, photos et sites préférés.

Coolors

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 sur Coolors et la mettre à disposition de tous.

Material Palette

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.

Mudcube Sphere

Mudcube

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.

Paletton

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.

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 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.

Which method is right for you?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

Sujets: