Palette de couleurs à partir d’une image
Déposez une photo, une illustration ou une capture et obtenez ses couleurs principales sous forme de palette : de 4 à 10 nuances, chacune avec son code HEX et la part de l’image qu’elle occupe. Copiez-les en variables CSS ou en simple liste HEX, ou enregistrez la palette en PNG. Chaque nuance existe réellement dans l’image, ce n’est pas un mélange. Tout se passe dans votre navigateur.
Cliquez ou touchez pour prélever. Sur mobile, faites glisser le doigt pour viser et relâchez pour choisir.
Couleur prélevée
Cliquez n’importe où sur l’image pour lire le code de sa couleur.
- HEX
- RGB
- HSL
Derniers prélèvements
Couleurs principales
Comment ça marche
- Déposez une image, choisissez un fichier ou collez une capture avec Ctrl+V.
- Choisissez le nombre de couleurs : 4, 6, 8 ou 10.
- Cliquez sur une nuance pour copier son code HEX, ou copiez toute la palette en CSS ou en liste, ou téléchargez-la en PNG.
Questions fréquentes
Comment les couleurs sont-elles choisies ?
Une copie réduite de l’image est regroupée en couleurs proches (median cut, affiné par k-means). Pour chaque groupe, l’outil affiche la couleur de pixel réelle la plus proche, triée selon la surface occupée.
Pourquoi une petite couleur d’accent manque-t-elle ?
La palette montre les couleurs qui couvrent le plus de surface, et les points de moins de 0,4 % environ sont écartés. Passez à 8 ou 10 couleurs, ou cliquez sur l’accent dans l’image pour le prélever directement.
Comment utiliser la palette dans CSS, Figma ou Canva ?
« Copier en CSS » donne des variables (--color-1, --color-2…) à coller dans votre feuille de style. « Copier la liste HEX » donne un code par ligne, prêt à coller dans Figma, Canva ou tout champ de couleur. Le PNG est pratique pour un moodboard.
Ça marche avec des logos et des PNG transparents ?
Oui. Les pixels transparents sont ignorés et les aplats d’un logo ressortent exacts, car chaque nuance est calée sur un vrai pixel de l’image.
Mon image est-elle envoyée sur un serveur ?
Non. La palette est calculée dans votre navigateur et l’image n’est envoyée nulle part.