Extracteur de palette de couleurs depuis une image
Importez une image et obtenez instantanément ses couleurs dominantes avec codes HEX, RGB et HSL, prêts à copier.
Comment fonctionne l'extraction de palette
Quand vous choisissez une image, l'outil la dessine sur un canvas hors écran redimensionné (150 pixels de large au maximum) afin de garder l'analyse rapide, même sur des photos très lourdes. Les pixels de cet échantillon sont ensuite récupérés via l'API getImageData et regroupés avec un algorithme de median-cut : le nuage de pixels est découpé récursivement selon le canal rouge, vert ou bleu qui présente le plus grand écart, jusqu'à obtenir le nombre de groupes demandé. La couleur moyenne de chaque groupe devient une couleur de la palette, et la taille du groupe donne le pourcentage de représentation affiché à côté.
Cette approche est un compromis volontaire entre rapidité et précision : un vrai clustering exhaustif sur l'image en pleine résolution serait beaucoup plus lent à exécuter dans un navigateur, pour un gain de précision minime dans l'usage courant (choisir une palette pour un site, un moodboard ou une identité visuelle). Le résultat reste donc une bonne approximation visuelle plutôt qu'une mesure scientifique exacte.
Confidentialité et limites
Aucune image n'est envoyée vers un serveur : tout le traitement se déroule dans votre navigateur grâce au canvas HTML5. Vous pouvez donc utiliser l'outil sur des visuels personnels ou confidentiels sans risque de fuite. La contrepartie de cette approche entièrement locale est que la qualité de l'extraction dépend du support de votre navigateur pour le format d'image choisi, et que l'échantillonnage réduit peut légèrement lisser des détails très fins présents uniquement dans quelques pixels de l'image d'origine.
L'image est redessinée sur un canvas réduit (150 pixels de large maximum) puis analysée avec un algorithme de median-cut : les pixels sont regroupés récursivement en boîtes selon le canal de couleur le plus étalé, et chaque boîte devient une couleur de la palette.
Non, c'est une approximation. Le calcul se base sur l'échantillon réduit utilisé pour l'analyse, pas sur l'image en pleine résolution. Sur une image très détaillée, les proportions réelles peuvent légèrement différer de celles affichées.
Non. Tout le traitement (lecture du fichier, dessin sur canvas, extraction des couleurs) se fait localement dans votre navigateur via l'API Canvas. Aucune donnée n'est transmise à un serveur.
Tous les formats que votre navigateur sait afficher dans une balise image : JPEG, PNG, WebP, GIF, BMP notamment. Les formats non supportés par le navigateur (comme certains RAW ou HEIC selon les navigateurs) ne fonctionneront pas.
L'algorithme calcule une moyenne des pixels de chaque groupe, ce qui peut lisser des nuances fines. De plus, la réduction de taille avant analyse (échantillonnage à 150px) peut fusionner des zones de couleurs proches. Le rendu reste une bonne approximation visuelle, pas une mesure scientifique.
Non, l'outil est volontairement limité entre 4 et 10 couleurs pour rester lisible et pertinent pour un usage design (palette de site, moodboard, etc.). Pour une analyse pixel par pixel exhaustive, il faudrait un autre type d'outil.