Comment ça marche
Choisissez une photo, un logo ou une capture d’écran : ses couleurs principales sont trouvées avec l’algorithme median cut, qui divise à plusieurs reprises les couleurs de l’image en groupes de même taille. Chaque couleur affiche son code HEX et la part de l’image qu’elle occupe, et toute la palette peut être copiée sous forme de variables CSS.
Image → couleurs regroupées par similarité → couleur moyenne de chaque groupe
Utilisations pratiques
- Créer la palette d’une marque ou d’un site web à partir d’une photo de produit.
- Accorder les couleurs d’une présentation, d’une affiche ou d’une miniature à une image.
- Retrouver les couleurs exactes d’un logo ou d’une illustration.
Conseils
- Moins de couleurs font ressortir les tons dominants ; davantage de couleurs révèlent les accents.
- Les zones transparentes des images PNG sont ignorées.
- L’image est analysée sur votre appareil et n’est jamais envoyée.
Normes et sources
- La quantification des couleurs utilise l’algorithme median cut (Heckbert, 1982)
- Les couleurs sont exprimées en sRGB tel que défini dans le CSS Color Module Level 4
Dernière révision 7 octobre 2026
Questions fréquentes
Comment les couleurs principales sont-elles choisies ?
L’algorithme median cut divise à plusieurs reprises les couleurs de l’image en groupes et prend la moyenne de chaque groupe, si bien que les couleurs fréquentes ressortent.
Combien de couleurs extraire ?
Quatre à six donnent l’ambiance générale ; huit à douze captent aussi les petits accents.
Cela fonctionne-t-il avec les logos et les captures d’écran ?
Oui. Les images en aplats donnent des couleurs très exactes, et les zones transparentes des PNG sont ignorées.
Mon image est-elle envoyée en ligne ?
Non. L’image est redimensionnée et analysée dans votre navigateur et ne quitte jamais votre appareil.
Puis-je utiliser les couleurs en CSS ?
Oui. Copiez le bloc de variables CSS, ou touchez une couleur pour copier son code HEX.