Guide de l'extracteur de palette

Extrayez les palettes de couleurs dominantes d'images JPG, PNG, WebP, AVIF, GIF, BMP ou TIFF. Obtenez les codes HEX et RGB pour chaque couleur. Chaque extraction s'exécute localement dans votre navigateur — aucun téléchargement vers un serveur.

Ce dont vous avez besoin

Navigateur — Chrome, Firefox, Safari ou Edge avec prise en charge d'OffscreenCanvas Formats — JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP ou TIFF Limite — 20 Mo par fichier (tout fichier dépassant 20 Mo sera rejeté) Compte — Aucun requis Internet — Non nécessaire après le chargement de la page

Extraire votre palette

Ouvrez le générateur de palette dans votre navigateur. Faites glisser votre fichier image depuis votre explorateur de fichiers et déposez-le dans la zone de téléchargement. Sinon, cliquez sur la zone de téléchargement pour sélectionner le fichier depuis votre appareil.

Vérifiez que le fichier est inférieur à la limite de 20 Mo avant de le télécharger — les fichiers dépassant ce seuil seront rejetés. Sélectionnez le nombre de couleurs à extraire : 5, 8, 10 ou 12. Moins de couleurs produisent des palettes plus nettes et plus utilisables.

Plus de couleurs capturent des variations subtiles mais peuvent inclure des différences mineures qui ne sont pas visuellement distinctes. Cliquez sur le bouton d'extraction. L'algorithme de quantification traite les données de pixels de l'image dans votre navigateur.

Il regroupe les pixels par similarité de couleur en utilisant le clustering k-means et calcule la couleur moyenne pour chaque groupe. Aucune donnée n'est transmise sur le réseau. Examinez la palette extraite.

Chaque couleur est affichée sous forme d'échantillon visuel avec son code HEX et ses valeurs RGB. Cliquez sur n'importe quel code couleur pour le copier dans votre presse-papiers. Utilisez ces codes dans vos projets de design, CSS ou d'impression.

Comment ça fonctionne

Le générateur de palette utilise un élément OffscreenCanvas et un algorithme de quantification des couleurs pour extraire les couleurs dominantes. Lorsque vous téléchargez une image, le navigateur la lit directement en mémoire via l'API File — aucun téléchargement sur serveur n'a lieu.

libvips crée un canevas hors écran en utilisant OffscreenCanvas et dessine votre image à sa résolution native en utilisant drawImage. Il lit ensuite les données de pixels sous forme de tableau RGBA en utilisant getImageData, qui renvoie un Uint8ClampedArray contenant les valeurs rouge, vert, bleu et alpha pour chaque pixel de l'image. Pour une image 1920x1080, cela produit environ 8 millions de valeurs de couleur individuelles.

L'algorithme de quantification regroupe les pixels par similarité de couleur en utilisant le clustering k-means. Il initialise k centres de groupe (où k est égal à la taille de palette sélectionnée), puis attribue de manière itérative chaque pixel au centre de groupe le plus proche en fonction de la distance euclidienne dans l'espace RGB. Après chaque passage d'attribution, il recalcule chaque centre de groupe comme la moyenne mathématique de tous les pixels de ce groupe.

Ce processus se répète jusqu'à ce que les centres se stabilisent ou qu'un nombre maximal d'itérations soit atteint. Le résultat est un ensemble de couleurs représentatives qui capturent l'identité visuelle de l'image.

Chaque couleur est affichée sous forme d'échantillon visuel avec son code HEX et ses valeurs RGB. libvips échantillonne la couleur centroïde exacte de chaque groupe, garantissant que l'échantillon affiché représente fidèlement la moyenne mathématique de tous les pixels de ce groupe.

Les fichiers sont traités entièrement dans votre navigateur en utilisant OffscreenCanvas. Ils ne sont jamais téléchargés sur les serveurs de ConvertCraft.

En cas de problème

L'image ne se télécharge pas : Votre image dépasse la limite de 20 Mo. L'OffscreenCanvas fonctionne dans des limites de mémoire strictes. Le traitement d'images de plus de 20 Mo nécessite des tampons de pixels non compressés massifs en RAM, ce qui peut faire planter l'onglet du navigateur.

La palette contient des couleurs similaires : L'image présente des variations de couleurs subtiles que l'algorithme traite comme des groupes distincts. Réduisez la taille de la palette pour obtenir moins de couleurs, mais plus distinctes.

Les couleurs ne correspondent pas à ce que je vois : L'algorithme extrait des moyennes mathématiques. Les différences perceptuelles entre les couleurs peuvent ne pas s'aligner avec la perception visuelle. Essayez une taille de palette différente ou utilisez l'outil pipette sur des pixels spécifiques.

La palette est principalement d'une seule couleur : Votre image est dominée par une seule couleur. L'algorithme représente fidèlement la distribution des couleurs de l'image. Essayez une image différente avec plus de variété de couleurs.

### Combien de couleurs puis-je extraire ?

L'outil prend en charge l'extraction de 5, 8, 10 ou 12 couleurs. Moins de couleurs produisent des palettes plus nettes. Plus de couleurs capturent des variations subtiles mais peuvent inclure des différences mineures qui ne sont pas visuellement distinctes.

### Puis-je extraire des couleurs d'une zone spécifique ?

La version actuelle analyse l'image entière. Pour extraire les couleurs d'une zone spécifique, recadrez d'abord l'image à l'aide du convertisseur d'image ou d'un outil de recadrage dédié, puis téléchargez la version recadrée.

### Est-il sûr d'extraire des couleurs d'images privées ?

Oui. Les fichiers sont traités entièrement dans votre navigateur en utilisant OffscreenCanvas. Ils ne sont jamais téléchargés sur les serveurs de ConvertCraft.

Vos données d'image ne quittent jamais votre ordinateur, ce qui les rend totalement sécurisées contre l'interception réseau ou la journalisation côté serveur.