Image Color Extractor analyse tout fichier image (glissez, collez ou cliquez pour charger) et renvoie jusqu'à 16 couleurs dominantes avec leurs poids en pourcentage. Utilise l'échantillonnage de pixels et la quantification par compartiments — aucun téléchargement, aucun serveur. Cliquez sur un échantillon pour copier son hex.
Les designers et développeurs doivent souvent extraire des couleurs d'images — tirer des couleurs de marque d'un logo, créer une palette à partir d'une photo, assortir l'UI à une œuvre d'art. Cet outil s'en charge dans le navigateur sans téléchargement. Glissez, collez ou cliquez pour charger une image (PNG, JPG, SVG, WebP, GIF). L'outil dessine une version réduite sur un canvas, échantillonne un pixel sur quatre, les regroupe dans un espace colorimétrique réduit, calcule la moyenne de chaque compartiment, puis choisit les N compartiments les plus peuplés. Le résultat est une palette propre et représentative de la composition visuelle réelle. Un curseur (3–16) permet de régler la taille de la palette. Chaque échantillon affiche la valeur hex et le pourcentage de pixels ; cliquez pour copier individuellement ou Tout Copier pour récupérer l'ensemble.
Charge tout format d'image courant et produit une palette de couleurs dominantes en moins d'une seconde, même pour les images volumineuses.
Chaque couleur extraite affiche son pourcentage dans l'image — identifiez en un coup d'œil les couleurs dominantes et les accents.
Curseur pour choisir de 3 à 16 couleurs. Petites palettes pour le travail de marque ; plus grandes pour des références photographiques.
Cliquez sur n'importe quel échantillon pour copier son hex. Ou Tout Copier pour obtenir la palette complète sous forme de liste pour une utilisation groupée.
Aucun téléchargement, aucun appel serveur, l'image ne quitte jamais votre machine. Sûr pour les maquettes privées ou les actifs sensibles.
PNG, JPG, SVG, WebP, GIF, ICO — tous pris en charge. Les pixels transparents sont ignorés automatiquement.
Déposez un logo, extrayez les couleurs exactes utilisées et copiez-les dans vos variables CSS de marque.
Donnez une photo de paysage à l'outil pour obtenir une palette de 5 couleurs qui capture son ambiance.
Prenez une capture d'écran d'une interface de référence, extrayez la palette et utilisez ces couleurs dans votre propre maquette.
Lorsqu'un client envoie une image comme direction artistique, extrayez 8-10 couleurs pour proposer une palette de départ fidèle.
Récupérez les deux couleurs les plus dominantes d'une image pour construire un dégradé d'arrière-plan complémentaire.
Cliquez sur l'icône Image Colors dans le dock DevSuite Pro. Un panneau s'ouvre avec une zone de dépôt et des paramètres.
Glissez un fichier, collez depuis le presse-papiers (Ctrl+V) ou cliquez pour ouvrir le sélecteur. L'outil échantillonne les pixels automatiquement.
Utilisez le curseur pour choisir le nombre de couleurs à extraire (3–16). La palette se met à jour instantanément.
Chaque échantillon montre son code hex et son pourcentage de présence. Cherchez les couleurs dominantes — elles auront les pourcentages les plus élevés.
Cliquez sur un échantillon pour copier son hex, ou utilisez Tout Copier pour récupérer toute la palette sous forme de liste.
Installez DevSuite Pro gratuitement et débloquez plus de 39 outils de développement pour votre navigateur.
