Compresseur d’images Redimensionner une image Convertisseur d’images Recadrer une image Image en Base64 SVG en PNG Outil de filigrane d'image Visionneuse et suppression EXIF Générateur de favicon Compresseur et convertisseur d’images local Suppresseur de couleur de fond Créateur de pixel art Générateur d’art ASCII Créateur d’affiches à grand titre

Extracteur de palette de couleurs

Extrayez les couleurs dominantes d’une image localement et copiez HEX, RGB, HSL ou variables CSS.

Drop an image here

Ready.

Local only JPG, PNG, WebP. Up to 25 MB.
Drop an image here Use JPG, PNG or WebP to extract dominant colors. Colors are sampled in your browser.

Palette settings

Choose how many colors to extract.

Sampling notes
  • Colors are approximate dominant colors from sampled pixels.
  • Click a swatch to copy its HEX value.
  • Download or copy CSS variables for design handoff.

Extracted palette

Extracted colors will appear here.

Extracted colors will appear here.

Ready.

Qu’est-ce que cet extracteur de palette de couleurs ?

Cet outil analyse une image locale et extrait des couleurs dominantes approximatives. Vous pouvez copier les valeurs HEX, RGB et HSL ou exporter la palette sous forme de variables CSS.

Confidentialité

Les images restent dans votre navigateur. L’outil n’envoie pas de fichiers et ne les stocke pas sur le serveur.

Fonctionnalités

  • Extraire localement des couleurs dominantes depuis une image
  • Copier les valeurs HEX, RGB et HSL
  • Générer des propriétés CSS personnalisées
  • Télécharger le CSS de la palette
  • Échantillonnage rapide sans bibliothèque tierce

Mode d'emploi

  1. Ajouter une image

    Sélectionnez ou glissez une image JPG, PNG ou WebP dans l’outil.

  2. Choisir le nombre

    Sélectionnez le nombre de couleurs voulu dans la palette.

  3. Extraire les couleurs

    Le navigateur échantillonne les pixels et regroupe les couleurs proches.

  4. Copier les valeurs

    Cliquez sur les pastilles ou copiez les variables CSS générées.

FAQ

Les images sont-elles envoyées ?

Non. L’échantillonnage des pixels se fait dans l’onglet du navigateur.

Les couleurs sont-elles exactes ?

Ce sont des couleurs dominantes approximatives basées sur les pixels échantillonnés.

Puis-je utiliser le CSS dans un projet ?

Oui. Copiez ou téléchargez les variables CSS générées.

Pourquoi les pixels transparents sont-ils ignorés ?

Les pixels transparents n’apportent pas de couleur visible, ils sont donc ignorés.

Outils associés