Créez une palette à partir d'une photo, d'un logo ou d'une capture d'écran
L'extracteur de couleurs d'image repère les couleurs dominantes d'une image et les transforme en palette prête à l'emploi. Déposez une photo produit, la capture d'écran d'un concurrent, une image de moodboard ou votre propre logo, et vous obtenez 4 à 12 codes hex à copier un par un ou à exporter en bloc. Tout se passe dans votre navigateur : le fichier est dessiné sur un canevas invisible, réduit à 256 pixels, puis échantillonné. Il n'est jamais envoyé sur un serveur, donc vos maquettes confidentielles et vos créations inédites restent sur votre machine.
Comment l'utiliser
- Glissez une image dans la zone de dépôt ou cliquez pour en choisir une. Tout format lisible par le navigateur convient : JPEG, PNG, WebP, GIF et SVG.
- Déplacez le curseur Couleurs entre 4 et 12 pour choisir le nombre de pastilles. Moins donne le thème général ; plus fait ressortir les accents et les ombres.
- Cliquez sur une pastille pour copier son code hex, ou appuyez sur Exporter pour obtenir l'ensemble en variables CSS, config Tailwind, SCSS, JSON, Figma Tokens, Adobe ASE ou GIMP GPL.
- Collez une couleur dans le vérificateur de contraste pour confirmer qu'elle est lisible en texte, ou envoyez-la au générateur de palettes pour obtenir des harmonies.
Exemples
- Une marque à partir d'un logo : extrayez 5 couleurs d'un logo PNG, exportez en Tailwind, et vos boutons et titres correspondent exactement au logo.
- Un thème à partir d'une photo : une photo de coucher de soleil donne un orange chaud, un violet profond et un neutre sable — un thème complet de page d'accueil en une étape.
- Reproduire un site existant : capturez une page que vous admirez et récupérez sa palette pour étudier comment elle équilibre une couleur principale et des neutres.
Conseils
- Recadrez d'abord l'image sur la zone qui vous intéresse ; un grand fond blanc dominera le résultat.
- Commencez à 6 couleurs. N'augmentez que si un accent visible manque.
- Les couleurs extraites sont rarement accessibles en texte telles quelles ; vérifiez chacune sur blanc et sur noir avant de l'utiliser pour du texte.
- Besoin d'une palette pour une ambiance que vous savez décrire mais sans image ? Essayez plutôt le générateur de palettes IA.