À 2 cm de large, un changement de couleur révèle immédiatement les contours fragiles, les franges de pixels et les contrastes insuffisants d’un logo. La bonne méthode tient d’abord au format du fichier : SVG, PNG ou JPG ne se recolorent ni avec les mêmes outils ni avec le même niveau de précision.
Changer la couleur d’un logo commence par choisir la méthode adaptée au fichier
Un logo ne se recolore pas proprement avec un simple filtre. Le fichier source commande toute l’opération. Un SVG contient des formes vectorielles et des attributs de couleur. Un PNG conserve des pixels et, souvent, un fond transparent. Un JPG fusionne le dessin avec son arrière-plan et ajoute une compression destructive.
Le parti pris est simple : travaillez sur les formes quand elles existent, sur la transparence quand elle est propre, et redessinez lorsque le fichier ne contient plus assez d’informations. Cette hiérarchie évite les contours sales et les couleurs approximatives.
Un logo qui ne tient pas en noir, à 2 cm de large et sur une photocopie repose trop fortement sur sa couleur. La version monochrome sert donc autant de test que de fichier de production.
Avant toute modification, identifiez le format réel. Renommer un fichier « logo.jpg » en « logo.svg » ne le transforme pas en dessin vectoriel. Ouvrez-le et examinez son contenu à 800 % : les courbes d’un SVG restent nettes, tandis que les pixels d’un PNG ou d’un JPG deviennent visibles.
| Format | Structure | Transparence | Méthode recommandée | Risque principal |
|---|---|---|---|---|
| SVG | Formes vectorielles | Oui | Modifier les attributs fill et stroke | Oublier une couleur intégrée à un groupe |
| PNG | Pixels | Oui, avec canal alpha | Verrouiller la transparence ou appliquer un calque de couleur | Créer un liseré sur les bords |
| JPG | Pixels compressés | Non | Sélectionner, masquer et recolorer | Conserver des artefacts de compression |
| Fichier trop petit | Pixels insuffisants | Variable | Redessiner en vectoriel | Déformer les proportions |
Cette distinction entre signe, couleur et support rejoint les analyses du dossier consacré à la signification des logos. Une couleur participe au sens de l’identité, mais elle ne corrige jamais un dessin imprécis.
Changer la couleur d’un logo SVG en modifiant fill et stroke
Le SVG est le format le plus direct à recolorer. Il repose sur un document texte qui décrit des tracés, des rectangles, des cercles et des groupes. La couleur intérieure d’une forme se trouve généralement dans l’attribut fill. La couleur du contour se trouve dans stroke.
Méthode 1 : éditer les couleurs du code SVG
Dupliquez d’abord le fichier. Ouvrez ensuite la copie dans un éditeur de texte ou un logiciel vectoriel. Recherchez les valeurs comme fill= »#000000″, fill= »black » ou une déclaration placée dans un attribut style. Remplacez la valeur par le code HEX validé dans la charte, par exemple #0057B8 si cette valeur appartient réellement à votre identité.
Contrôlez aussi les éléments stroke, les groupes et les masques. Un pictogramme noir comprend parfois quatre formes distinctes. Modifier une seule occurrence laisse alors une pièce dans l’ancienne teinte. La valeur fill= »none » signifie qu’une forme n’a aucun remplissage : ne la remplacez pas sans vérifier le dessin.
- Conservez l’attribut viewBox, qui définit le cadrage et les proportions.
- Ne modifiez pas les coordonnées des tracés si l’objectif porte uniquement sur la couleur.
- Remplacez chaque teinte prévue, y compris dans les dégradés définis par plusieurs arrêts.
- Exportez une copie distincte pour chaque version officielle : couleur, noire, blanche et monochrome.
La valeur currentColor convient à un pictogramme destiné à suivre la couleur d’un texte sur un site. Elle demande toutefois un contrôle dans la feuille de styles. Pour un logo institutionnel livré à plusieurs prestataires, une valeur HEX explicite réduit les erreurs.
Changer la couleur d’un logo PNG grâce à sa transparence
Un PNG transparent offre une base exploitable lorsque le logo est monochrome et suffisamment grand. Son canal alpha décrit la transparence sur 256 niveaux dans un fichier 8 bits : 0 correspond à un pixel invisible et 255 à un pixel opaque. Les valeurs intermédiaires produisent l’anticrénelage des contours.
Méthode 2 : verrouiller les pixels opaques puis appliquer la teinte
Dans un éditeur d’image, placez le PNG sur un calque séparé. Activez le verrouillage de transparence, parfois nommé verrouillage alpha. Remplissez ensuite le calque avec la couleur cible. Le logiciel conserve les niveaux de transparence du bord tout en remplaçant la teinte des pixels visibles.
Une autre procédure consiste à utiliser la silhouette du logo comme masque d’un calque de couleur unie. Cette construction reste modifiable : la teinte change sans toucher au masque. Elle convient aux déclinaisons d’interface, aux présentations et aux documents internes.
LogosTriumph logo : histoire, design et utilisations emblématiquesUn éditeur de retouche gratuit suffit pour cette opération. Vérifiez néanmoins trois points : le document doit rester en RVB pour l’écran, le fond doit réellement être transparent, et l’export doit conserver le PNG. Un enregistrement en JPG supprime la transparence et ajoute généralement un fond blanc.
Traiter un PNG multicolore sans aplatir son dessin
Un logo multicolore exige une sélection par plage de couleurs ou des masques séparés. Ne remplacez pas globalement tous les pixels rouges si le fichier contient un dégradé, une ombre ou des détails de même teinte. Isolez chaque zone et gardez les transitions prévues par le dessin original.
Le logo Carrefour et sa construction colorée montre pourquoi la recolorisation automatique atteint vite ses limites : l’espace négatif, les formes latérales et le contraste composent ensemble le signe. Une couleur appliquée sans lecture de la structure modifie sa perception.
Recolorer un logo JPG exige une sélection et un masque précis
Le JPG n’intègre aucun canal de transparence. Le logo et le fond appartiennent à la même image. Sa compression travaille notamment sur des blocs de 8 × 8 pixels et crée des variations autour des contours. Sur un logo rouge posé sur fond blanc, ces variations prennent la forme de pixels roses ou grisâtres.
Méthode 3 : détourer avant de recolorer
Commencez par sélectionner le fond, puis inversez la sélection pour isoler le logo. Transformez cette sélection en masque plutôt que d’effacer définitivement les pixels. Corrigez le masque à 400 ou 800 %, avec un contour peu diffus. Appliquez ensuite la nouvelle couleur sur un calque placé derrière le masque.
Cette méthode reste acceptable pour un fichier de grande taille, un fond uni et des contours francs. Elle devient insuffisante avec une image de 200 pixels de large, une ombre portée ou plusieurs cycles de compression. Les franges de l’ancienne couleur restent visibles sur un fond sombre.
Pour neutraliser ces franges, contractez très légèrement le masque ou décontaminez la couleur des bords. Une contraction de 1 pixel convient uniquement à une image assez grande. Sur un petit logo, elle amincit les lettres et ferme les contreformes des caractères comme « a », « e » ou « o ».
Le problème apparaît aussi sur les symboles fonctionnels. La lecture du logo de poubelle accompagné d’une flèche repose sur des formes distinctes et immédiatement identifiables. Un détourage irrégulier réduit cette lisibilité, surtout à petite taille.
Redessiner le logo devient la bonne méthode quand les pixels manquent
Méthode 4 : reconstruire les formes en vectoriel
Redessinez le logo lorsque vous ne possédez qu’un petit JPG, un scan, une capture d’écran ou un PNG aux contours dégradés. L’agrandissement artificiel ajoute des pixels, mais ne recrée ni les courbes d’origine ni les angles exacts. La vectorisation automatique produit souvent trop de points et des courbes bosselées.
LogosLogo Les Echos : histoire, signification et évolutionLa reconstruction manuelle consiste à retracer les formes avec des courbes de Bézier, à mesurer les alignements et à comparer les proportions avec le document de référence. Pour un logotype, identifiez d’abord la police ou redessinez les lettres si elles ont été personnalisées. Conservez les espaces internes, l’approche entre les caractères et l’épaisseur des traits.
- Placez le fichier pixelisé en arrière-plan comme référence.
- Tracez peu de points d’ancrage pour obtenir des courbes régulières.
- Vérifiez la symétrie uniquement lorsque le dessin d’origine est réellement symétrique.
- Testez le résultat en noir à 2 cm de large.
- Comparez la version reconstruite avec les fichiers présents sur l’espace presse de la marque.
Cette reconstruction n’autorise pas l’usage d’une marque appartenant à un tiers. Les logos cités restent la propriété de leurs titulaires. L’analyse de la signification du logo EDF décrit ainsi un système graphique existant ; elle ne constitue ni une autorisation de reproduction ni un modèle à reprendre.
Les pièges qui dégradent une recolorisation
L’anticrénelage conserve souvent l’ancienne teinte
Le bord d’un logo pixelisé mélange la couleur du signe et celle du fond d’origine. Un remplissage fondé sur une tolérance trop faible ignore ces pixels intermédiaires. Une tolérance trop forte attaque les détails. Le masque alpha d’un PNG propre reste donc préférable à une sélection par couleur.
Les dégradés demandent plusieurs valeurs
Un dégradé ne se remplace pas par une seule teinte. Relevez chaque arrêt, sa position et son opacité. Dans un SVG, ils apparaissent dans une définition de dégradé linéaire ou radial. Dans un fichier pixelisé, la reconstruction fidèle exige le fichier source ou les paramètres inscrits dans la charte.
Le RVB et le CMJN ne donnent pas le même rendu
Le HEX et le RVB servent aux écrans. Le CMJN sert aux flux d’impression. Une conversion automatique sans profil d’impression produit des écarts, en particulier sur les bleus intenses, les verts et les oranges. Pour un document imprimé, utilisez les valeurs CMJN officielles de la charte et demandez une épreuve lorsque la couleur engage l’identité de l’entreprise.
Respecter la charte graphique avant toute nouvelle couleur
Changer la couleur d’un logo ne relève pas seulement de la technique. La charte graphique fixe les teintes autorisées, les fonds compatibles, la zone de protection et la taille minimale. Elle précise aussi les usages interdits : dégradé ajouté, contour, ombre, transparence réduite ou inversion non validée.
Préparez au minimum une version principale en couleur, une version noire, une version blanche et une version monochrome. La version blanche sert sur un fond foncé. La version noire sécurise la photocopie, le tampon, la gravure et les documents bureautiques. La version monochrome reprend une seule encre sans simuler les écarts par des gris fragiles.
Avant livraison, contrôlez les fichiers à 100 %, à 800 % et à leur taille réelle d’utilisation. Nommez-les clairement avec le format, la couleur et le mode colorimétrique. Un nom comme logo-entreprise-noir-rvb.svg évite davantage d’erreurs qu’un fichier intitulé logo-final-2-bon.png. Conservez enfin le dessin source intact : toute déclinaison doit partir de cette référence, jamais d’un export déjà compressé.
