Aller au contenu
snowkitDesign

Extraire une palette de couleurs de n'importe quelle image

Choisissez le nombre de couleurs voulu et exportez la palette pour CSS, design tokens, GIMP ou les applis Adobe.

Sélecteur de couleur

Déposez une image ici JPG, PNG, WebP, GIF ou SVG. Vous pouvez aussi coller une capture d'écran avec Ctrl+V.

Ouvrez une image, puis cliquez n'importe où dessus pour choisir une couleur

Une loupe facilite la visée des petits détails, et les couleurs principales de l'image sont extraites sous forme de palette que vous pouvez copier ou exporter. Trouvez la couleur exacte de n'importe quoi dans une image, gratuitement et en privé.

Comment choisir une couleur dans une image

  1. Appuyez sur Ouvrir une image.
  2. Déplacez-vous sur l'image et cliquez ou touchez pour choisir une couleur. Utilisez Taille d'échantillon pour faire la moyenne de 1 pixel, 3 × 3 ou 5 × 5 pixels.
  3. Lisez la valeur en HEX, RVB ou TSL et appuyez sur Copier.
  4. Vos choix sont rassemblés sous Vos choix.
  5. Choisissez Couleurs principales ou Répartition régulière pour une palette automatique, et réglez le nombre de Couleurs voulu.
  6. Si la palette n'est pas tout à fait juste, verrouillez les couleurs qui vous plaisent, retirez les autres et appuyez sur Rechoisir le reste. Ajouter depuis l'image place dans la palette n'importe quelle couleur sur laquelle vous cliquez.
  7. Sous Exporter, choisissez Palette, CSS, JSON, GIMP ou Adobe, et appuyez sur Télécharger la palette.

Des couleurs exactes à partir de n'importe quelle image

Déplacez-vous sur l'image et la loupe montre les pixels sous votre pointeur, agrandis, avec celui que vous allez choisir au centre. Cliquez ou touchez pour le choisir. Sur un téléphone, faites glisser le doigt et relevez-le sur la couleur voulue ; la loupe se place au-dessus de votre doigt pour que vous voyiez ce qu'il y a dessous. Au clavier, mettez le focus sur l'image et utilisez les flèches, en maintenant Maj pour aller plus vite, puis appuyez sur Entrée.

Une palette en une étape

Couleurs principales regroupe les pixels semblables et liste les couleurs qui couvrent le plus de l'image, ce qui convient aux photos et à l'imagerie de marque. Répartition régulière divise la gamme complète de couleurs en groupes égaux : les petits accents comme le symbole d'un logo ou la couleur d'un bouton ont ainsi plus de chances d'avoir leur propre pastille. Choisissez le nombre de couleurs voulu ; chaque pastille montre la part de l'image qu'elle couvre.

Prêt pour vos outils de design

Copiez une seule valeur en HEX, RVB ou TSL pour le CSS, ou exportez toute la palette en propriétés personnalisées CSS, en JSON pour le code et les design tokens, en palette GIMP que lisent aussi Inkscape et Krita, ou en fichier Adobe Swatch Exchange pour Photoshop et Illustrator. Les images sont lues par votre navigateur et jamais envoyées.

Conseils pour des couleurs exactes

  • Utilisez une plus grande taille d'échantillon sur les photos, car des pixels isolés peuvent contenir du bruit.
  • Utilisez 1 pixel pour les logos plats, icônes et captures d'écran, où vous voulez la valeur exacte.
  • N'oubliez pas que les couleurs d'une photo dépendent de l'éclairage et de l'appareil photo : elles peuvent donc ne pas correspondre à l'objet réel.
  • Utilisez le convertisseur de couleurs pour vérifier le contraste et passer d'un format à l'autre.

Utilisations courantes

Accorder un site web ou une diapositive à un logo, construire une palette de couleurs à partir d'une photo, choisir des couleurs de peinture ou de tissu, et copier la couleur exacte d'une capture d'écran. Les concepteurs, étudiants et chefs de petites entreprises l'utilisent tous les jours.

Questions

Mon image est-elle envoyée ?

Non. Elle est lue dans votre navigateur.

Quels types d'images fonctionnent ?

Toute image que votre navigateur peut ouvrir, dont PNG, JPG, WebP, GIF et SVG.

Quel format de palette dois-je utiliser ?

Utilisez CSS pour les sites web, JSON pour le code, GIMP pour les logiciels de design gratuits et Adobe pour Photoshop et Illustrator.

Et ensuite

Poursuivez avec ce que vous venez de créer, toujours sur votre appareil.

Plus de Snowkit