Palette de couleurs d'une image
Choisissez une image : l'outil en dégage les couleurs principales, classées selon la part de l'image qu'elles occupent, avec des codes HEX à copier un par un ou sous forme de variables CSS.
Choisissez une image pour en extraire les couleurs dominantes.
À propos de cet outil
Construire une gamme chromatique à partir d'une photo, d'un logo de marque ou de la capture d'un site que vous aimez est l'un des moyens les plus rapides de démarrer une maquette. L'extracteur utilise la quantification par coupe médiane : il divise les couleurs de l'image le long de leur axe le plus étendu jusqu'à obtenir le nombre de groupes demandé, puis calcule la moyenne de chaque groupe. Le résultat est une palette équilibrée, et non la simple liste des pixels les plus fréquents.
Choisissez entre 4 et 16 couleurs. Le pourcentage indique le poids de chaque couleur, ce qui aide à décider laquelle deviendra un fond et laquelle servira d'accent. Les pixels transparents sont ignorés : les logos sur fond transparent donnent donc de bons résultats.
Questions fréquentes
- Pourquoi les couleurs diffèrent-elles légèrement de ce que je vois ?
- Chaque échantillon est la moyenne d'un groupe de pixels proches. Augmentez le nombre de couleurs pour une répartition plus fine, ou utilisez le Convertisseur de couleurs pour ajuster une valeur.
- Puis-je m'en servir pour le thème d'un site ?
- Oui. Copiez le bloc CSS : il déclare les propriétés personnalisées --color-1 à --color-n, à coller directement dans une feuille de style.
- L'image est-elle analysée en pleine résolution ?
- L'analyse porte sur une copie réduite (200 px sur le plus grand côté), pour la rapidité. C'est largement suffisant pour dégager les couleurs dominantes.