Générateur de Palette de Couleurs
Créez de belles palettes de couleurs harmonieuses instantanément avec notre générateur en ligne gratuit. Prend en charge les modes monochromatique, analogue, complémentaire, triadique, split-complémentaire et tétradique. Ajustez les couleurs avec les curseurs HSL, verrouillez les favoris et exportez en CSS, Tailwind, JSON ou SVG. 100% basé sur le navigateur, vos données ne quittent jamais votre appareil.
Comment générer une palette de couleurs ?
Cliquez sur le bouton Générer ou appuyez sur la barre d'espace pour créer une nouvelle palette aléatoire. Utilisez le sélecteur de mode d'harmonie pour choisir entre les schémas monochromatique, analogue, complémentaire, triadique, split-complémentaire ou tétradique.
Comment verrouiller une couleur ?
Cliquez sur l'icône de verrouillage sur n'importe quel échantillon. Les couleurs verrouillées resteront en place lors de la génération d'une nouvelle palette, tandis que les couleurs déverrouillées seront remplacées.
Comment exporter ma palette ?
Cliquez sur le bouton Exporter pour choisir entre variables CSS, configuration Tailwind, tableau JSON ou palette SVG. La palette sera copiée dans le presse-papiers automatiquement.
Quels sont les différents modes d'harmonie ?
Monochromatique utilise une teinte avec saturation et luminosité variables. Analogue utilise des teintes adjacentes (±30°). Complémentaire utilise des teintes opposées (180°). Triadique utilise 3 teintes équidistantes (120°). Split-complémentaire utilise une teinte de base plus deux adjacentes à son complément. Tétradique utilise 4 teintes équidistantes (90°).
Puis-je construire la palette autour de la couleur de ma marque ?
Oui. Choisissez la couleur de votre marque avec le sélecteur de base, puis un mode d'harmonie : les quatre autres couleurs sont générées autour d'elle. Vous pouvez ensuite affiner chacune avec les curseurs HSL.
Quels formats d'export sont disponibles ?
La palette peut être exportée en variables CSS, en configuration Tailwind, en tableau JSON ou en fichier SVG. L'aperçu du code se met à jour dès que vous changez de format, prêt à copier-coller dans votre projet.
Peut-on afficher les valeurs en HEX, RGB ou HSL ?
Oui, la valeur de chaque couleur s'affiche au choix en HEX, RGB ou HSL. Vous récupérez directement le format attendu par votre outil de design ou votre code, sans conversion manuelle.
Que signifie le petit badge sur chaque couleur ?
Il indique si un texte blanc ou noir reste lisible sur cette couleur. Le badge passe au vert quand le rapport de contraste atteint 4,5:1, conformément aux recommandations WCAG — pratique pour choisir les fonds de boutons ou de bannières.
Ma palette est-elle envoyée à un serveur ?
Non. Tout fonctionne localement dans votre navigateur : vos couleurs ne quittent jamais votre appareil. Une fois la page chargée, l'outil fonctionne même hors ligne.
Comment utiliser Générateur de Palette de Couleurs
Générez des palettes harmonieuses en modes monochromatique, analogue, triadique et plus encore — le calcul reste dans votre navigateur. Verrouillez les teintes que vous aimez, ajustez-les, puis exportez dans le format de votre framework.
- Choisissez un Mode d'harmonie dans la liste déroulante : Random, Monochromatic, Analogous, Complementary, Triadic, Split-complementary ou Tetradic.
- Définissez la couleur Base pour que chaque pastille générée dérive de la teinte de votre marque, puis relancez jusqu'à satisfaction.
- Retirez avec ✕ toute pastille qui déplaît et relancez ; affinez celles qui restent avec les curseurs HSL.
- Comparez les pastilles sur des maquettes claires et sombres pour vérifier que le texte reste lisible sur chaque couleur.
- Ouvrez Export Palette et récupérez vos couleurs en CSS Variables, Tailwind Config, JSON Array ou SVG Palette.
Verrouillez la pastille Base avant de relancer en mode Random : vous explorez ainsi les variations autour de votre couleur de marque sans la perdre.
Outils associés
- Convertisseur de Couleur Convertisseur de couleur en ligne gratuit. Convertissez les formats HEX, RGB, HSL, HSV instantanément avec sélecteur visuel. 100% privé, fonctionne dans votre navigateur.
- Pipette de Couleur Prélevez n'importe quelle couleur de l'écran avec la pipette. Copiez les codes HEX, RGB, HSL instantanément. Outil gratuit.
- Vérificateur de Contraste de Couleur Vérifiez les rapports de contraste de couleur pour la conformité WCAG 2.1. Validez les normes AA et AAA instantanément.
- Simulateur de Daltonisme Simulateur gratuit de daltonisme en ligne. Testez vos designs pour Protanopie, Deutéranopie, Tritanopie et autres types. 100% privé, fonctionne dans le navigateur.
- GIF Extraire Images Extrayez et téléchargez des images individuelles d'animations GIF en PNG ou sprite sheet. Outil en ligne gratuit avec aperçu et exportation ZIP.
- GIF Inversé Inversez l'ordre de lecture des animations GIF gratuitement en ligne. Importez, prévisualisez et téléchargez instantanément.
- Modificateur de Vitesse GIF Modifiez la vitesse d'animation GIF en ligne. Accélérez ou ralentissez les fichiers GIF instantanément.
- Vidéo en GIF Convertissez une vidéo en GIF animé en ligne. Ajustez la qualité, le débit d'images et la résolution directement dans votre navigateur sans téléchargement.