Extracteur de palette de couleurs d'images par lot

Sélectionnez jusqu'à 30 images, cliquez pour échantillonner les couleurs et exportez les palettes en CSS, code, SVG ou PNG. Gratuit et local.

Commencer

Fonctionnalités et utilisation concrète

Cet outil est conçu pour les designers et développeurs qui doivent extraire rapidement des palettes de couleurs à partir de plusieurs images, sans les télécharger sur un serveur. Par exemple, si vous avez 15 photos d'un site web et que vous souhaitez créer une charte graphique, vous pouvez toutes les sélectionner et obtenir pour chacune une palette de 10 couleurs initiales.

Exemple concret

Supposons que vous sélectionnez une image de 800×600 pixels. L'outil la réduit proportionnellement à 693×520 pixels pour l'affichage. Vous cliquez sur un pixel bleu ciel : la palette affiche #87CEEB. Vous cliquez ensuite sur un pixel vert : la palette contient maintenant #87CEEB et #228B22. La palette contient déjà 10 échantillons aléatoires : dès le premier clic à capacité pleine, le plus ancien est retiré.

Paramètres et traitement

Capacité de palette : réglable de 1 à 20 par image.
Échantillonnage : clic sur l'image, lecture du pixel affiché (après redimensionnement à 760×520 max).
Export : CSS (variables HEX et SCSS), code (liste HEX sans # et tableau JSON), SVG et PNG (nom du fichier source + "-palette").
Limites : 30 fichiers maximum, 100 MiB au total, 40 000 000 de pixels décodés au total.

Limitations à connaître

L'outil ne calcule pas les couleurs dominantes, ne regroupe pas les couleurs similaires et ne supprime pas les doublons. Il lit les pixels de l'aperçu, pas de l'image originale non réduite. Les couleurs répétées sont conservées.

FAQ

Puis-je extraire plus de 20 couleurs par image ?

Non, la capacité maximale est de 20 couleurs par image. Vous pouvez réduire la capacité, mais l'augmenter ne déclenche pas automatiquement un échantillonnage supplémentaire.

Comment exporter la palette en CSS ?

Ouvrez la boîte de dialogue d'exportation de l'image concernée (bouton "Exporter" ou similaire). La section CSS contient des variables CSS HEX, SCSS HEX et SCSS RGB. Vous pouvez copier le code ou le télécharger.

Les images sont-elles envoyées sur un serveur ?

Non, tout le traitement (lecture, échantillonnage, export) s'effectue localement dans votre navigateur. Les fichiers image ne sont pas envoyés au serveur ; les palettes exportées sont bien téléchargées sur votre appareil.

Vérification rapide

Choisissez 2 images de tailles différentes.
Vérifiez que chaque palette initiale contient 10 couleurs.
Cliquez sur un pixel et observez la mise à jour de la palette et du panneau de couleur courante.
Réglez la capacité à 5 et cliquez plusieurs fois : seules 5 couleurs sont conservées.
Exportez en CSS et en PNG pour vérifier les fichiers générés.

Seul le RVB est conservé, sans alpha : un pixel transparent peut être exporté comme couleur opaque. Le redimensionnement conserve les proportions : 800×600 devient 693×520. Une nouvelle sélection ou l’effacement supprime les anciennes palettes. Les échantillons aléatoires peuvent se répéter et changer à chaque chargement.

Par image : 25 MiB et 24 000 000 pixels au maximum. Par lot : 100 MiB et 40 000 000 pixels. Plus de 30 fichiers ou une image invalide entraîne le rejet du lot entier.

Le traitement s’effectue localement dans votre navigateur.

Méthode d'utilisation

Comment extraire les couleurs de plusieurs images

Cliquez sur le bouton de sélection de fichiers et choisissez jusqu'à 30 images (PNG, JPEG, GIF, WebP, etc.). Chaque image doit peser au maximum 25 MiB et ne pas dépasser 24 000 000 de pixels.
Attendez le décodage local : chaque image apparaît avec une palette initiale de 10 couleurs échantillonnées automatiquement.
Cliquez sur une image pour échantillonner la couleur du pixel sous le curseur. La couleur est ajoutée à la palette ; si la capacité est atteinte, la couleur la plus ancienne est supprimée.
Utilisez les boutons moins et plus pour ajuster la capacité de chaque palette (de 1 à 20). Réduire la capacité supprime les couleurs les plus récentes si nécessaire.
Cliquez sur une pastille de couleur pour copier sa valeur hexadécimale. Le panneau de couleur courante affiche la dernière couleur échantillonnée en HEX, RGB et HSL, avec des boutons de copie séparés.
Ouvrez la boîte de dialogue d'exportation de chaque image (en bas de la carte) pour copier ou télécharger les palettes en CSS, code, SVG ou PNG.

Calculatrices, convertisseurs et outils de navigateur gratuits

Créer une palette de couleurs à partir d’une image: Composez une palette de 1 à 20 couleurs à partir d’une image, puis exportez-la en CSS, code, SVG ou PNG.
Extracteur de palette de couleurs d'images par lot: Sélectionnez jusqu'à 30 images et obtenez pour chacune une palette interactive de couleurs, avec export en CSS, code, SVG et PNG.