Deviner quelles couleurs vont ensemble fait perdre du temps de conception. Ce générateur applique les harmonies classiques du cercle chromatique, les mêmes relations de teinte enseignées en théorie des couleurs, si bien que chaque palette est coordonnée mathématiquement, pas au jugé. Cliquez sur un échantillon pour copier son code hex, ou copiez toute la palette en variables CSS prêtes à coller. C'est entièrement côté client : pas de compte, pas d'envoi de fichier, aucun suivi des couleurs de votre marque.
Générateur de Palette de Couleurs Gratuit
Fonctionne entièrement dans votre navigateur : aucun envoi, aucune inscription.
Harmonie
Variables CSS
Qu'est-ce qu'un générateur de palette de couleurs ?
Un générateur de palette de couleurs construit un schéma de couleurs assorties à partir d'une couleur de base, en s'appuyant sur la théorie du cercle chromatique. On choisit ou saisit une couleur hex, on sélectionne une harmonie (complémentaire, analogue, triadique ou monochrome), et il calcule aussitôt les couleurs coordonnées, chacune avec un code hex à copier. Tout se passe dans le navigateur.
Comment l’utiliser
- 1Définissez votre couleur de base. Cliquez sur le sélecteur de couleur pour choisir visuellement, saisissez un code hex comme #6366f1, ou cliquez sur Aléatoire pour repartir d'un autre point.
- 2Choisissez une harmonie. Basculez entre complémentaire, complémentaire divisée, analogue, triadique, tétradique, monochrome, ombres et teintes claires. La palette se recalcule aussitôt.
- 3Copiez les couleurs. Cliquez sur un échantillon pour copier son code hex, ou utilisez le bouton Copier pour récupérer toute la palette en variables CSS.
Pour qui
- Webdesigners qui démarrent un site à partir d'une seule couleur de marque : ils génèrent des teintes analogues ou complémentaires divisées pour les fonds, boutons et accents.
- Développeurs front-end qui ont besoin d'un point de départ de design tokens : ils copient la palette en variables CSS et la collent directement dans une feuille de style.
- Marketeurs et créateurs de présentations qui accordent graphiques, visuels réseaux sociaux ou diapositives à la couleur d'un logo sans outil de design.
- Illustrateurs et amateurs qui explorent les ombres et les teintes claires d'une même teinte pour donner de la profondeur, des lumières et des ombres à une pièce.
Questions fréquentes
Ce générateur de palette de couleurs est-il gratuit ?
Oui, 100% gratuit, sans inscription, sans filigrane et sans limite. Générez et copiez autant de palettes que vous voulez, pour des projets personnels ou commerciaux.
Mes couleurs sont-elles envoyées quelque part ?
Non. La palette est calculée entièrement dans votre navigateur avec du JavaScript classique. Les couleurs de votre marque, vos saisies et vos clics ne sont jamais envoyés à un serveur.
Qu'est-ce qu'une couleur complémentaire ?
La couleur complémentaire se situe exactement à l'opposé de votre base sur le cercle chromatique, une rotation de teinte de 180 degrés. Les paires complémentaires comme le bleu et l'orange offrent le contraste le plus fort, ce qui les rend très utilisées pour les boutons d'appel à l'action sur un fond de marque.
Quelle est la différence entre une palette analogue et une palette triadique ?
Les palettes analogues utilisent des teintes voisines, à environ 30 degrés de la base, ce qui leur donne un rendu calme et cohérent. Les palettes triadiques prennent trois teintes espacées de 120 degrés, offrant un schéma vif et équilibré avec plus de contraste entre les couleurs.
Que sont les ombres et les teintes claires ?
Les ombres assombrissent votre couleur de base en rapprochant sa luminosité du noir ; les teintes claires l'éclaircissent vers le blanc. Les deux conservent la même teinte et la même saturation, ce qui les rend idéales pour les états au survol, les bordures et les fonds superposés d'une même couleur de marque.
Combien de couleurs faut-il pour la palette d'un site web ?
Une règle courante est le 60-30-10 : une couleur dominante pour environ 60% de l'interface, une secondaire pour 30%, et un accent pour 10%. Partez d'une harmonie de 3 à 5 couleurs ici, puis ajoutez des ombres et teintes claires de chacune pour les états et les surfaces.
Pourquoi la palette change-t-elle à peine pour du gris ou du noir ?
Le gris, le noir et le blanc ont une saturation nulle, donc aucune teinte sur laquelle les rotations d'harmonie peuvent agir : faire tourner rien renvoie le même neutre. Construisez plutôt une échelle de neutres avec les modes de luminosité : teintes claires pour le noir ou les gris foncés, ombres pour le blanc ou les gris clairs, et monochrome pour les gris moyens.