Extracteur de palette de couleurs d'images par lot

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 à 760×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. Si la capacité est de 10 et que vous cliquez 11 fois, la première couleur est retirée.

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 Mo 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 images ne sont pas téléchargées.

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.