Générateur de palettes de couleurs
Créez des palettes harmonieuses en un clic, verrouillez les couleurs à garder, partagez et exportez-les en CSS, Tailwind ou PNG.
Appuyez sur Espace pour générer une nouvelle palette. Verrouillez les couleurs à garder ; cliquez sur un code pour le modifier.
Tout fonctionne dans votre navigateur : aucune donnée n’est envoyée.
À propos de cet outil
Ce générateur de palettes de couleurs crée en un clic des combinaisons harmonieuses pour un logo, un site, un menu de restaurant ou une charte graphique. Six styles sont proposés : harmonie libre, analogue, monochrome, complémentaire, triadique et pastel. Les couleurs sont calculées dans l’espace OKLCH, qui suit la perception de l’œil, pour des palettes cohérentes. Utile aux graphistes, développeurs et gérants de petites entreprises.
Verrouillez les couleurs à garder et relancez avec le bouton Générer ou la touche Espace. Chaque palette compte de 2 à 10 couleurs : modifiez un code HEX, changez l’ordre, retirez ou copiez une teinte. Exportez la palette en HEX, CSS, SCSS, Tailwind ou JSON, téléchargez une image PNG ou copiez un lien de partage qui contient les couleurs.
- Six styles d’harmonie, dont pastel et monochrome
- Verrouillage des couleurs et touche Espace
- De 2 à 10 couleurs, modifiables et réordonnables
- Export HEX, CSS, SCSS, Tailwind et JSON
- Image PNG et lien de partage
Comment l’utiliser
- Choisissez un « Style de palette » puis cliquez sur « Générer » (ou appuyez sur Espace).
- Verrouillez les couleurs à garder et régénérez jusqu’à obtenir la bonne palette.
- Ajustez si besoin : modifiez un code, ajoutez, déplacez ou retirez une couleur.
- Choisissez un format dans « Exporter » et copiez le code, ou téléchargez en PNG.
Questions fréquentes
Mes couleurs sont-elles envoyées quelque part ?
Non. Tout est calculé dans votre navigateur et aucune donnée n’est envoyée. Les couleurs figurent seulement dans l’adresse de la page, pour que le lien de partage les retrouve.
Le générateur de palettes est-il gratuit ?
Oui, il est gratuit et utilisable sans compte ni inscription.
Comment utiliser la palette dans mon code CSS ou Tailwind ?
Choisissez CSS, SCSS, Tailwind ou JSON dans « Exporter » : l’outil produit des variables (--color-1…), des variables SCSS ($color-1…) ou un bloc colors pour Tailwind, prêts à copier.
L’image PNG téléchargée comporte-t-elle une marque ?
Oui, l’image PNG (1600 × 900 px) porte une petite mention discrète « kspnai.com/tools/palette-generator » avec le logo KSPNAI en bas à droite. Les codes copiés n’en contiennent aucune.