Extraire les couleurs d'une image
Envoie une image et récupère sa palette de couleurs dominantes, avec le code HEX et le poids de chaque couleur.
Glisse ton image ici ou clique pour la choisir
Accepte le JPG, le PNG et le WebP
Comment la palette dominante est calculée
L'image est dessinée dans un canvas et ses pixels sont lus. Pour que l'analyse reste rapide même sur des photos énormes, on prend un échantillon régulier de pixels au lieu de tous les parcourir, et les pixels transparents sont ignorés.
pourcentage = pixels de la boîte ÷ pixels analysés × 100
Les pixels sont regroupés dans un histogramme 3D de 5 bits par canal, puis un algorithme de coupe médiane (median cut) s'applique sur ces groupes : la boîte de couleur contenant le plus de pixels est coupée en deux le long de son canal le plus étendu, jusqu'à obtenir autant de boîtes que de couleurs demandées.
La couleur finale de chaque boîte est la vraie moyenne des pixels qu'elle contient, et son pourcentage dit quelle part d'image elle représente. Triées par poids, les premières sont les couleurs qui définissent visuellement la photo.
Exemple pratique
Sur une photo de plage au coucher du soleil, une palette de 6 couleurs renvoie souvent un orange chaud autour de 30 %, deux bleus pour la mer et le ciel, un ton sable et deux teintes sombres des silhouettes.
Questions fréquemment posées
- Pourquoi les couleurs ne sont-elles pas exactement celles de la photo ?
- Chaque couleur de la palette est la moyenne d'un groupe de teintes proches. Pour la valeur exacte d'un point précis, utilise la pipette à couleur.
- À quoi sert une palette dominante ?
- À concevoir autour d'une image : choisir le fond d'une carte, la couleur d'un bouton posé sur une photo d'en-tête ou générer un thème cohérent avec la marque.
- Combien de couleurs extraire ?
- Entre 5 et 8 en général. Moins fait perdre des nuances, beaucoup plus fait apparaître des teintes presque identiques.
- Les zones transparentes comptent-elles ?
- Non. Les pixels quasi transparents sont écartés pour qu'un PNG détouré ne renvoie pas la couleur du fond vide.
Calculatrices connexes
- Compresser un JPGAllège une photo JPG en choisissant le niveau de compression.
- Compresser un PNGAllège un PNG en réduisant le nombre de couleurs de sa palette.
- Compresser un WebPAllège une image WebP en ajustant sa qualité de compression.
- JPG en WebPConvertis tes photos JPG en WebP pour accélérer ton site.
- PNG en WebPConvertis tes images PNG en WebP en gardant la transparence.
- WebP en JPGConvertis tes images WebP en JPG pour les ouvrir partout.
- Redimensionner une imageChange la largeur et la hauteur en pixels sans déformer l'image.
- Changer la résolution (DPI)Ajuste les DPI d'une image et sa taille réelle d'impression.
- Recadrer une imageSélectionne une zone à la souris et recadre l'image sur ce rectangle.
- Convertir une imagePasse du JPG au PNG ou au WebP en choisissant le format de sortie.
- Générateur de faviconCrée toutes les tailles de favicon et le fichier .ico depuis une image.
- Image en Base64Transforme une image en chaîne Base64 ou en data URI prêt à coller.
- Pipette à couleur d'imageClique n'importe où sur une image et lis la couleur en HEX, RGB et HSL.
- Générateur d'image OGCrée une image Open Graph de 1200 × 630 px avec ton titre et tes couleurs.