Supprimer une couleur d'une image

Rendez n'importe quelle couleur d'une image transparente ou remplacez-la. Supprimez les fonds blancs ou noirs avec des bords lissés et téléchargez un PNG ou un WebP.

Déposez une image ici ou choisissez un fichier

JPG, PNG, WebP, GIF, BMP ou AVIF, jusqu’à 30 Mo. L’image reste dans votre navigateur.

Vous pouvez aussi coller une image avec Ctrl+V ou Cmd+V.

Noter Supprimer une couleur d'une image

Dans quelle mesure cet outil vous a-t-il été utile ? Votre note aide d'autres personnes à le trouver.

Supprimer une couleur d’une image et la rendre transparente

Cet outil rend transparente une ou plusieurs couleurs d’une image. Il convient le mieux aux logos, aux signatures, aux icônes, aux captures d’écran, à l’imagerie et aux photos de produits prises sur un fond uni. Cliquez sur la couleur, réglez la proximité requise pour une correspondance, puis enregistrez le résultat en PNG transparent. Tout se fait dans votre navigateur : le fichier n’est jamais envoyé.

Les usages courants

La plupart des gens l’utilisent pour se débarrasser d’un fond uni ou d’une couleur unique qui gêne.

  • Rendre transparente la boîte blanche autour d’un logo pour qu’il s’intègre proprement dans un en-tête de site ou une diapositive sombre.
  • Transformer une photo de signature sur papier en PNG transparent que vous pouvez placer sur un document.
  • Supprimer le fond gris ou blanc d’une photo de produit pour une fiche de boutique.
  • Retirer la couleur de fond magenta ou verte des sprites de jeux et des anciennes images.
  • Remplacer une couleur d’un graphique, d’une icône ou d’une capture par une autre, grâce à l’option couleur unie.

Tolérance, lissage des bords et arrière-plan uniquement

Trois réglages déterminent ce qui est supprimé. Les valeurs par défaut (tolérance 10, lissage des bords 40) conviennent à la plupart des logos sur fond blanc. Modifiez un réglage à la fois et observez l’aperçu.

RéglageCe qu’il faitPoint de départ conseillé
ToléranceDéfinit la proximité qu’un pixel doit avoir avec la couleur choisie pour être supprimé. 0 ne supprime que la couleur exacte.5 à 15 pour les graphiques nets, 15 à 30 pour les photos JPG et les scans
Lissage des bordsEstompe les quelques pixels le long de chaque bord découpé et en retire l’ancienne couleur de fond.30 à 50 pour les logos et le texte, 0 pour le pixel art
Arrière-plan uniquementNe supprime les zones correspondantes que si elles touchent le bord de l’image.Activé lorsque la même couleur apparaît aussi à l’intérieur du sujet

Pourquoi un contour blanc apparaît et comment le corriger

Les pixels du bord d’une forme sont un mélange de la forme et de son fond. Un logo sombre sur fond blanc est entouré d’un liseré de pixels gris clair. Si ces pixels sont conservés tels quels, ils forment un contour pâle une fois le logo placé sur une page sombre. Le lissage des bords traite chacun de ces pixels comme un mélange, en retire la couleur de fond et réduit son opacité en conséquence. C’est le même principe que le filtre Couleur vers alpha de GIMP. Passez le fond de l’aperçu en noir pour vérifier les bords avant de télécharger.

Supprimer un fond blanc ou noir

Un fond blanc n’est presque jamais parfaitement blanc. La compression JPG, la texture du papier et les ombres douces ajoutent des pixels seulement proches du blanc : augmentez la tolérance jusqu’à faire disparaître ces points. Le scan d’une signature demande généralement une tolérance comprise entre 20 et 35. Pour un fond noir, les mêmes règles s’appliquent à l’inverse : les logos et le texte sur fond noir sortent proprement, mais les parties sombres du sujet peuvent exiger l’option Arrière-plan uniquement pour ne pas disparaître avec le fond.

PNG, WebP ou JPG ?

Le PNG conserve la transparence et s’ouvre partout : c’est le choix sûr. Le WebP conserve aussi la transparence et les fichiers sont souvent plus légers, ce qui aide sur les sites web. Le JPG ne peut pas du tout stocker la transparence. Si vous avez besoin d’un JPG, utilisez l’option couleur unie pour remplir la zone supprimée avec la couleur de la page où l’image sera placée, puis convertissez le PNG.

Comment fonctionne le suppresseur de couleur

L’outil dessine votre image sur un canevas dans votre navigateur et lit la couleur de chaque pixel. Pour chaque pixel, il mesure l’écart entre sa couleur et chacune des couleurs choisies. Cette mesure accorde plus de poids au vert et moins au bleu, ce qui correspond mieux à la façon dont l’œil perçoit les différences que de simples valeurs RVB.

Les pixels situés dans la tolérance sont supprimés. Les pixels juste au-delà, sur le bord d’une zone supprimée, sont considérés comme un mélange du sujet et de la couleur supprimée. L’outil calcule la plus faible opacité qui explique ce mélange, retire la couleur supprimée et conserve le reste. C’est ainsi que le lissage des bords élimine les contours clairs.

Avec Arrière-plan uniquement, l’outil part du bord de l’image et se propage à travers les pixels correspondants : les zones fermées de même couleur sont conservées. Pendant que vous réglez les paramètres, une copie plus petite de l’image est utilisée pour garder l’aperçu rapide. Au moment du téléchargement, les mêmes étapes sont appliquées à l’image complète et le résultat est enregistré en PNG ou en WebP. Rien n’est envoyé.

Comment supprimer une couleur d’une image

1

Ajoutez votre image

Déposez un fichier JPG, PNG, WebP, GIF, BMP ou AVIF dans l’outil, choisissez-le sur votre appareil ou collez-le avec Ctrl+V. Les fichiers jusqu’à 30 Mo sont acceptés.

2

Choisissez la couleur à supprimer

Si l’image a un fond uni, l’outil choisit cette couleur pour vous. Sinon, cliquez sur la couleur à retirer. Utilisez Ajouter une couleur pour en supprimer plusieurs.

3

Réglez la tolérance et les bords

Augmentez la Tolérance jusqu’à ce que la zone disparaisse. Augmentez le Lissage des bords si un contour pâle subsiste. Choisissez Arrière-plan uniquement pour conserver la même couleur à l’intérieur du sujet.

4

Vérifiez et téléchargez

Regardez le résultat sur un damier, un fond blanc ou un fond noir, puis téléchargez un PNG ou un WebP, ou copiez l’image.

Exemple d'utilisation

Le blanc est choisi automatiquement sur les bords de l’image. Avec Arrière-plan uniquement activé, le blanc à l’intérieur des lettres reste.

Entrée
logo.jpg : un logo bleu foncé sur fond blanc
Sortie
logo-color-removed.png : le même logo avec un fond transparent et des bords lisses

Questions fréquentes

Comment supprimer une couleur précise d’une image ?
Ajoutez l’image, puis cliquez sur la couleur à supprimer. Chaque pixel proche de cette couleur devient transparent. Utilisez le curseur Tolérance pour inclure davantage ou moins de nuances, et cliquez sur Ajouter une couleur s’il faut en retirer une seconde.
Comment rendre un fond blanc transparent ?
Ajoutez l’image. Si le bord est majoritairement blanc, l’outil choisit le blanc pour vous et le supprime immédiatement. Choisissez Arrière-plan uniquement pour conserver les zones blanches à l’intérieur du sujet, et augmentez la tolérance si des points gris ou une ombre légère subsistent.
Pourquoi un contour blanc entoure-t-il mon image après la suppression du fond ?
Les pixels du bord étaient un mélange du sujet et du fond blanc. Augmentez le Lissage des bords pour que ces pixels perdent le blanc et deviennent partiellement transparents. Passez le fond de l’aperçu en noir pour voir clairement le changement.
Pourquoi certaines parties de mon logo ont-elles aussi disparu ?
Ces parties ont la même couleur que le fond. Choisissez Arrière-plan uniquement. L’outil ne supprime alors que les zones correspondantes qui touchent le bord de l’image et conserve les zones fermées, comme le blanc à l’intérieur des lettres.
Puis-je supprimer plusieurs couleurs à la fois ?
Oui. Cliquez sur Ajouter une couleur, puis sur la couleur suivante dans l’image. Vous pouvez supprimer jusqu’à 6 couleurs en une seule passe, chacune avec la même tolérance.
Puis-je remplacer une couleur au lieu de la supprimer ?
Oui. Sous « Remplacer la couleur supprimée par », choisissez Une couleur unie et sélectionnez la nouvelle couleur. Les bords sont mélangés à la nouvelle couleur, il ne reste donc aucun contour de l’ancienne.
Mon image est-elle envoyée sur un serveur ?
Non. L’image est lue et modifiée par votre navigateur, sur votre propre appareil. Rien n’est envoyé à CodeItBro ni à qui que ce soit d’autre : vous pouvez donc l’utiliser pour des documents privés et des signatures.
Quels formats puis-je télécharger, et y a-t-il une limite de taille ?
Vous pouvez télécharger un PNG ou un WebP, qui conservent tous deux la transparence. Les fichiers jusqu’à 30 Mo peuvent être ouverts, et le téléchargement garde la taille complète jusqu’à 16 mégapixels. Les images plus grandes sont réduites à cette limite, et l’outil vous indique la taille finale.
Comment faire la même chose dans Photoshop, GIMP ou PowerPoint ?
Dans Photoshop, utilisez Sélectionner > Plage de couleurs, cliquez sur la couleur, réglez la Tolérance et appuyez sur Supprimer sur un calque déverrouillé. Dans GIMP, utilisez Couleurs > Couleur vers alpha. Dans PowerPoint et Word, sélectionnez l’image puis utilisez Format de l’image > Couleur > Définir la couleur transparente, qui supprime une seule couleur exacte sans tolérance. Cet outil vous offre la tolérance, plusieurs couleurs et le lissage des bords sans rien installer.
Peut-il transformer une photo en noir et blanc ou en coloriage ?
Non. Cet outil rend transparentes les couleurs choisies. Pour supprimer toute couleur et conserver une photo en noir et blanc, utilisez l’outil Image en niveaux de gris. Pour ne garder que les contours d’un coloriage, essayez l’outil de détection des contours.

Outils associés

Commentaires

Les commentaires sont fournis par Disqus. Les charger vous connecte à Disqus, qui dépose des cookies et traite des données selon sa propre politique de confidentialité.

Supprimer une couleur d'une image est maintenu par CodeItBro. Notre objectif est de proposer les meilleurs outils gratuits pour développeurs sur le web. Si vous avez des remarques ou des suggestions, rendez-vous sur notre page de contact.

Cité par

CodeItBro - Free dev tools + practical guides to help you ship faster | Product HuntCodeItBro - Free Online Developer Tools badgeCodeItBro badge