Extracteur de couleurs gratuit
Extrayez les couleurs dominantes, les codes HEX et les palettes réutilisables depuis des images locales avant la revue design ou le handoff frontend.
Traitement local dans le navigateur. Aucun upload.
Déposez un fichier ou cliquez pour parcourir
En attente d'un fichier
Ajoutez un fichier pour commencer.
Original
-
Couleurs trouvées
-
Couleur dominante
-
Traitement local dans le navigateur. Aucun upload.
Palette extraite
En attente d'un fichier
CSS variables
:root {
}Palette JSON
[]
Comment la palette est échantillonnée
L'image est dessinée sur un petit canvas, ses pixels sont lus, et les couleurs sont regroupées afin que les dominantes remontent en tête. L'échantillonnage à partir d'une copie réduite est délibéré : il permet d'analyser rapidement une photo de 40 mégapixels et empêche un coin bruité de dominer le résultat. Tout s'exécute localement, donc les ressources de marque et les créations non publiées ne sont jamais téléversées.
Vous obtenez des codes hexadécimaux que vous pouvez coller directement dans une feuille de style ou un fichier de tokens de design.
Lire une palette que vous avez extraite
Les couleurs extraites sont un point de départ, pas un système fini. Les couleurs dominantes d'une photographie sont photographiques : elles portent l'éclairage et l'ambiance de cette image précise, ce qui est souvent l'opposé de ce dont une palette d'interface utilisable a besoin. Traitez la sortie comme une preuve de ce que contient l'image, puis choisissez délibérément des associations accessibles.
Vérifiez le contraste avant de livrer. Une paire de couleurs agréable dans une rangée de nuanciers peut tout de même échouer aux seuils de lisibilité pour le texte courant, et une couleur d'accent extraite utilisée comme couleur de libellé de bouton peut être très loin d'avoir un contraste suffisant avec son arrière-plan.
Quand l'extraction est le mauvais outil
Si l'objectif est de correspondre à un système de marque existant, échantillonnez le fichier de marque plutôt qu'une photo aléatoire. Si l'objectif est un système de design complet, l'extraction vous donne des teintes mais pas les nuances, les dégradés, les espacements ou les rôles sémantiques dont vous avez réellement besoin. Utilisez-la pour éclairer une décision, pas pour la prendre.
Conseils rapides
- Utilisez 4 à 6 couleurs pour les tokens UI et 8 couleurs pour des moodboards plus riches.
- La palette est échantillonnée localement depuis un aperçu réduit afin de garder les gros fichiers rapides.
Étape suivante : transformer une photo en vidéo
Tout ce qui précède s'exécute dans votre navigateur, sans frais. Une fois le fichier prêt, Animate AI prend le relais : importez une photo, choisissez un mouvement, récupérez une courte vidéo. Les crédits sont prépayés, vous connaissez donc le prix avant de commencer.
Où aller ensuite sur Animate AI
Chaque workflow, outil navigateur et détail de tarif a sa propre page. Ouvrez celle qui correspond à ce que vous avez déjà.