Ce que fait l’outil
L’outil extrait une palette de couleurs d’une image localement dans le navigateur. Il affiche HEX, RGB et HSL, et permet de copier une couleur, la ligne de palette ou des variables CSS pour le design, les sites web et les supports de marque.
Comment l’utiliser
- Importez un JPG, PNG, WebP ou un autre format d’image pris en charge par votre navigateur.
- Choisissez le nombre de couleurs et la précision de l’analyse.
- Copiez une seule couleur, la palette complète ou des variables CSS.
Comment les couleurs sont choisies
L’outil réduit l’image à une taille sûre, lit les pixels avec Canvas et regroupe les teintes proches dans des ensembles de couleur. Les groupes les plus visibles deviennent la palette, tandis que les nuances trop similaires sont fusionnées pour obtenir un résultat utile au design.
La précision de l’analyse modifie la vitesse et le niveau de détail. Le mode rapide convient aux grandes photos et aux brouillons ; une analyse plus précise aide lorsque les petits accents, les couleurs de marque ou les illustrations complexes comptent.
Utiliser la palette en design
Chaque couleur est affichée en HEX, RGB et HSL, ce qui permet de l’utiliser facilement dans Figma, CSS, une présentation ou une charte graphique. Vous pouvez copier une couleur, toute la ligne de palette ou des variables CSS prêtes à l’emploi.
Si l’arrière-plan domine l’image, incluez-le ou excluez-le selon le besoin. Pour une fiche produit, il est souvent secondaire ; pour un moodboard ou une couverture, il peut faire partie de l’ambiance visuelle.
Limites et confidentialité
L’image n’est pas envoyée à un serveur : l’analyse se fait dans le navigateur. C’est pratique pour des maquettes client, des références et des documents internes que vous ne souhaitez pas envoyer à un service externe.
La palette est une approximation, pas une mesure colorimétrique certifiée. Dégradés, bruit, transparence, compression JPEG et profils d’écran peuvent influencer le résultat ; pour l’impression ou un contrôle de marque strict, utilisez les spécifications originales.