Drop an image here
Ready.
Palette settings
Choose how many colors to extract.
- 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.
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.
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
-
Ajouter une image
Sélectionnez ou glissez une image JPG, PNG ou WebP dans l’outil.
-
Choisir le nombre
Sélectionnez le nombre de couleurs voulu dans la palette.
-
Extraire les couleurs
Le navigateur échantillonne les pixels et regroupe les couleurs proches.
-
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.