Exportateur de palette
Collez ou importez un ensemble de couleurs et exportez-les instantanément en variables CSS, SCSS, configuration Tailwind, JSON ou échantillons SVG — l'étape finale de toute palette.
Collez des valeurs HEX (une par ligne, ou séparées par des virgules/espaces). rgb() et hsl() sont aussi acceptés.
Aucune couleur valide trouvée — vérifiez votre saisie.
Tout se passe dans votre navigateur — collez une palette et copiez un code prêt pour la production dans n'importe quel format. Aucune inscription, entièrement gratuit.
À propos de Exportateur de palette
L'Exportateur de palette est l'étape finale pour toute palette de couleurs : collez un ensemble de couleurs et obtenez du code prêt pour la production dans le format dont votre projet a besoin. Il accepte les valeurs HEX une par ligne ou séparées par des virgules et des espaces, et comprend aussi les notations rgb() et hsl().
Six formats de sortie sont générés en direct : propriétés personnalisées CSS, variables SCSS, un bloc de couleurs pour la configuration Tailwind, JSON, des nuances SVG et une liste HEX brute. Un préfixe de variable configurable garde les noms générés cohérents avec votre base de code, et chaque format peut être copié dans le presse-papiers ou téléchargé sous forme de fichier.
Tout s'exécute dans votre navigateur — les couleurs que vous collez ne sont jamais envoyées où que ce soit. Il se combine naturellement avec les autres outils de palette : extrayez ou générez une palette ailleurs, collez-la ici, et repartez avec exactement l'extrait de code attendu par votre feuille de style, votre framework ou votre chaîne de design.
Comment utiliser Exportateur de palette
- Collez vos couleurs dans le champ de saisie — HEX, rgb() ou hsl(), une par ligne ou séparées par des virgules.
- Cliquez sur « Mettre à jour les couleurs » pour les analyser en une palette, ou chargez l'exemple pour essayer.
- Choisissez un format d'export : variables CSS, SCSS, configuration Tailwind, JSON, nuances SVG ou HEX brut.
- Ajustez le préfixe de variable si vous souhaitez un nommage personnalisé.
- Copiez le code généré ou téléchargez-le sous forme de fichier.