Changer les couleurs d'une image

À propos du changement d'une couleur dans une image

Une veste rouge doit être bleue. Une couleur de marque a changé et quarante captures d'écran portent encore l'ancienne. Un produit existe en six coloris et il y a une seule photo.

La façon naïve de s'y prendre est de sélectionner la couleur et de la remplir avec une autre, et le résultat est toujours faux : la veste devient une découpe bleue plate, sans un seul pli. Ce qui lui donnait l'air d'une veste, c'étaient les ombres — des centaines de rouges légèrement différents — et le remplissage jette tout cela.

Cet outil change la couleur et garde les ombres. Chaque nuance de rouge de la veste devient la nuance de bleu correspondante : les reflets restent clairs, les plis restent sombres, et on a toujours la photo d'une veste.

Ce qu'est la liste

Un PNG ou un JPG ne contient pas de liste de couleurs comme un SVG — une photo peut facilement en contenir deux cent mille distinctes. Le tableau sous l'image est donc les couleurs dont elle est principalement faite, trouvées en regroupant les nuances presque identiques et en les classant par la surface qu'elles occupent.

Pour un logo, une icône, une capture d'écran ou un aplat, cette liste est simplement les vraies couleurs, et en changer une est exact.

Pour une photographie, chaque ligne représente toute une famille de nuances — « les rouges », pas un rouge. C'est ce qui rend le résultat utilisable, et c'est aussi pourquoi le réglage suivant compte.

À quel point une couleur doit être proche

Il décide de la quantité de nuance qui part avec la couleur que vous avez choisie.

• Trop étroit et seule une partie de la veste change, laissant des plaques de l'ancienne couleur.
• Trop large et le changement déborde sur ce que vous ne visiez pas — la veste rouge emmène la porte marron avec elle.

Commencez au milieu et déplacez-le jusqu'à ce que les bords du changement tombent où vous le voulez. La limite de la correspondance est adoucie plutôt que coupée : vous n'obtenez pas un contour dentelé là où la couleur s'arrête.

Garder les ombres

Activé par défaut, et c'est toute la différence entre une photo recolorée et un autocollant.

Avec l'option, chaque pixel garde sa propre clarté et seules sa teinte et sa richesse rejoignent la nouvelle couleur. Sans elle, chaque pixel correspondant devient exactement la couleur choisie — ce qu'il faut pour un aplat, un logo ou un fond uni, où il n'y a de toute façon aucune ombre à préserver.

Rendre une couleur transparente

Chaque ligne a une gomme à côté de sa couleur. Appuyez dessus et la couleur n'est pas remplacée mais retirée — ces pixels deviennent transparents au lieu de devenir autre chose.

C'est le moyen le plus rapide de détourer un fond uni d'un logo ou d'une icône : cliquez le fond dans l'image, appuyez sur la gomme, enregistrez en PNG. Le même bord adouci s'applique, donc la limite est coupée en douceur plutôt qu'arrachée.

Seuls PNG et WebP peuvent contenir de la transparence. Si vous choisissez JPG, la page vous le dit, car un JPG n'a pas d'autre choix que d'enregistrer la zone effacée en blanc.

Cliquer dans l'image

La liste est un point de départ, pas une limite. Cliquez n'importe où dans l'image modifiée et l'outil travaille sur la couleur sous votre clic : il sélectionne la ligne à laquelle elle appartient, ou en crée une si elle n'est proche d'aucune.

C'est en général l'entrée la plus rapide : cliquez la chose à changer, puis choisissez ce qu'elle devient.

Rien n'est envoyé

L'image est lue, recolorée et enregistrée dans votre navigateur. Elle n'atteint jamais un serveur, ce qui compte pour des photos de produits, des travaux de clients et des photos de personnes.

Cela veut dire aussi : aucune attente d'envoi et aucune file, et l'outil continue de fonctionner hors ligne une fois la page chargée.

À quoi cela sert

• Changer la couleur d'un produit pour qu'une photo couvre toute la gamme
• Mettre à jour des captures d'écran après un changement de couleur de marque
• Recolorer un logo ou une icône qui n'existe qu'en PNG
• Produire une version claire et une version sombre du même visuel
• Remplacer une couleur de fond sans rien détourer
• Essayer une couleur avant de s'engager, puisque l'image se met à jour au fil des choix

Bon à savoir

• Les deux aperçus sont l'image avant et après, à la même taille : la comparaison est honnête
• La sortie est en PNG par défaut, sans perte et avec la transparence ; JPG et WebP sont là quand le poids compte davantage
• Les pixels transparents le restent, et un JPG enregistré en JPG est réencodé une fois : enregistrez en PNG si l'image doit encore être retravaillée
• Une image très grande est réduite pour rester manipulable, et la page le dit au lieu de redimensionner en silence
• Cela travaille sur des couleurs, pas sur des objets — si deux choses différentes ont la même couleur, les deux changent. Quand cela pose problème sur une photo, détourez d'abord le sujet avec Supprimer l'arrière-plan
• Pour un SVG, utilisez Changer les couleurs d'un SVG, qui modifie les vraies valeurs de couleur plutôt que des pixels
• Pour lire une couleur dans une image au lieu de la changer, utilisez Pipette de couleur

Comment l'utiliser

• Cliquez sur Cliquez pour envoyer, ou déposez votre PNG ou JPG sur la zone
• Les couleurs dont l'image est faite apparaissent dans le tableau en dessous
• Cliquez une couleur dans l'image pour y aller, ou choisissez une ligne dans la liste
• Réglez la nouvelle couleur à droite, au sélecteur ou en tapant un hexadécimal
• Élargissez ou resserrez à quel point une couleur doit être proche jusqu'à ce que le changement couvre ce que vous vouliez
• Laissez Garder les ombres pour les photos ; désactivez-le pour les aplats
• Ou appuyez sur la gomme d'une ligne pour retirer complètement cette couleur, et enregistrez en PNG
• Appuyez sur Télécharger l'image

Outils liés

• Changer les couleurs d'un SVG — le même travail pour le vectoriel
• Pipette de couleur — lire les couleurs d'une image
• Palette de couleurs d'une image — extraire toute une palette d'une photo
• Supprimer l'arrière-plan — détourer d'abord le sujet
• Compresser une image — alléger le résultat
• Redimensionner une image — en changer la taille