Extracteur de Palette de Couleurs

Uploadez une image et extrayez ses couleurs dominantes en une palette prête à l'emploi.

Qu'est-ce que c'est ?

Un extracteur de palette de couleurs analyse les pixels d'une photo ou d'un graphique et identifie les couleurs les plus représentatives. Cette technique est largement utilisée en design graphique, branding, UI design et développement web. Quand vous uploadez une image, l'outil échantillonne ses pixels via l'API Canvas HTML5 et applique un algorithme de quantification des couleurs pour regrouper les couleurs similaires. Le résultat est une palette de couleurs dominantes — de 4 à 12 échantillons. Chaque couleur est affichée avec son code HEX, ses valeurs RGB et HSL. La palette peut être exportée en plusieurs formats : variables CSS, JSON, liste HEX ou image PNG swatch. Aucune donnée n'est envoyée à un serveur.

Comment l'utiliser

  1. Cliquez sur "Charger une image" ou glissez une photo dans la zone d'upload.
  2. Utilisez le curseur pour choisir le nombre de couleurs à extraire — de 4 à 12.
  3. Les couleurs dominantes s'affichent avec leurs valeurs HEX, RGB et HSL.
  4. Cliquez sur un échantillon pour copier son code HEX.
  5. Choisissez le format d'export : variables CSS, JSON, liste HEX ou PNG swatch.
  6. Cliquez sur le bouton d'export pour copier ou télécharger.

Pourquoi l'utiliser

Extraire des couleurs d'images est une tâche fondamentale en design et branding. Quand vous construisez un site autour d'une photo produit ou cherchez de l'inspiration colorimétrique, vous avez besoin de codes couleur précis et utilisables. Cet outil traite tout dans votre navigateur, traite autant d'images que vous voulez et vous fournit la palette complète dans des formats prêts pour les développeurs, sans compte requis.

Questions fréquentes

Comment fonctionne l'extraction des couleurs ?

L'outil utilise l'API Canvas HTML5 pour lire les données de pixels, puis applique un algorithme de quantification median cut pour regrouper les couleurs similaires.

Mon image est-elle uploadée sur un serveur ?

Non. Toute l'analyse se déroule en JavaScript dans votre navigateur via l'API Canvas.

Quels formats d'image sont supportés ?

JPEG, PNG, WebP et GIF. Pour les GIF, seule la première image est analysée.

Pourquoi certaines images produisent des couleurs très similaires ?

Si l'image a peu de variété chromatique (ex. photo en niveaux de gris), la palette le reflètera. Essayez de réduire le nombre de couleurs demandées.

À quoi ressemble l'export en variables CSS ?

L'export produit un bloc :root avec des propriétés personnalisées numérotées : --color-1, --color-2, etc. Collez-le dans votre fichier CSS.