Menu QodeCat
Tous les outils
HEIC en JPGRedimensionner une imageImage en WebPCompresser des imagesRecadrer et pivoterGénérateur de faviconSupprimer EXIFFiligranePalette de couleurs d'une imageConvertisseur de format d'image

© 2026 QodeCat Studio

Chargement de l'outil…

Récupérez les couleurs de n’importe quelle image

Une belle photo, un logo ou la capture d’un site qui vous plaît : c’est souvent le moyen le plus rapide de trouver une palette. Glissez une image et QodeCat affiche ses couleurs dominantes sous forme de nuancier, classées selon la part de l’image qu’elles occupent.

  • De 5 à 10 couleurs : choisissez avec le curseur combien de couleurs dominantes vous voulez.
  • Tous les formats : chaque nuance affiche HEX, RGB et HSL, et un clic sur une valeur la copie.
  • Proportion en pourcentage : voyez quelle part de l’image occupe chaque couleur.
  • Prêt pour le code : copiez toute la palette en propriétés personnalisées CSS ou en JSON.

Pourquoi utiliser cet outil ?

De vraies couleurs dominantes, pas des pixels au hasard

L’outil regroupe les pixels proches avec l’algorithme median cut, puis affine les groupes avec k-means. Chaque nuance est ainsi la moyenne de toute une zone de l’image, et non un pixel isolé. Les pixels transparents sont ignorés.

Confidentiel et rapide

L’image est analysée localement dans votre navigateur, sur une copie de 200 pixels de côté au maximum. Rien n’est envoyé, et la palette se met à jour instantanément quand vous changez le nombre de couleurs.

Questions fréquentes

Q. Comment les couleurs sont-elles choisies ?

Les pixels sont répartis en groupes de couleurs proches (median cut), puis chaque groupe est affiné par quelques passes de k-means. Chaque nuance correspond à la couleur moyenne d’un groupe, classée selon sa part dans l’image.

Q. Pourquoi ai-je parfois moins de couleurs que demandé ?

Si l’image contient moins de couleurs différentes que le nombre choisi, par exemple un logo en aplat de trois couleurs, l’outil renvoie seulement les couleurs réellement présentes au lieu d’en inventer de presque identiques.

Q. À quoi ressemble l’export CSS ?

Un bloc :root avec une propriété personnalisée par couleur, à partir de --color-1 (la plus présente), en valeurs HEX. L’export JSON liste pour chaque couleur le HEX, le RGB, le HSL et sa part en pourcentage.