À propos de cet outil
L’outil de couleurs SVG permet de recolorer des icônes, logos et illustrations. Il répertorie les couleurs courantes et leur nombre d’utilisations. Choisissez leurs remplacements, vérifiez l’aperçu statique et téléchargez le nouveau SVG.
Mode d’emploi
- Choisissez un fichier SVG ou collez son code, puis cliquez sur Lire les couleurs.
- Consultez les couleurs, les nuances et leur nombre d’utilisations, puis choisissez les couleurs de remplacement.
- Appliquez les remplacements et vérifiez les remplissages, les contours et les dégradés.
- Une fois la palette vérifiée, copiez ou téléchargez edited-colors.svg.
Fonctionnalités
- Reconnaît les couleurs courantes dans fill, stroke, stop-color, flood-color et lighting-color.
- Accepte les valeurs hexadécimales, rgb, rgba et les noms de couleurs courants dans les attributs et les styles usuels.
- Remplace uniquement les déclarations de couleur, sans modifier les mêmes mots présents dans le texte, les identifiants ou les liens.
Valeurs qui ne sont pas remplacées comme des couleurs
- none indique l’absence de couleur, currentColor reprend la couleur du texte et url(#gradient) désigne un dégradé ou un motif interne. Ces valeurs ne sont pas remplacées comme des couleurs ordinaires.
- Pour modifier un dégradé, changez les couleurs de ses points d’arrêt. Si l’apparence dépend d’un héritage complexe ou de styles non pris en charge, la liste peut ne pas refléter toutes les couleurs visibles.
- Le téléchargement principal conserve les contenus non modifiés, notamment les commentaires, métadonnées et éventuellement les scripts ou liens externes. L’aperçu les filtre ; une copie SVG filtrée peut être téléchargée séparément.
Sécurité des fichiers SVG
L’aperçu utilise une copie statique sécurisée. Il n’exécute aucun script, clic interactif ou animation et ne charge aucune image, police ni feuille de style externe. Les références externes, pages intégrées et contenus non pris en charge sont retirés : l’aperçu peut donc différer de l’original. Les documents contenant un DOCTYPE ou des entités personnalisées ne sont pas acceptés.
Le fichier SVG ou son code UTF-8 est limité à 2 Mio, 20 000 nœuds (éléments et texte compris) et 96 niveaux d’imbrication. Simplifiez d’abord les fichiers trop volumineux ou trop complexes.
Confidentialité
Votre SVG est traité uniquement dans votre navigateur, sans envoi à un serveur.
L’outil n’enregistre pas automatiquement vos données ni vos résultats. Téléchargez ce que vous souhaitez garder avant d’effacer le contenu ou de quitter la page, et conservez l’original.
Questions fréquentes
Pourquoi certaines couleurs ne sont-elles pas modifiables directement ?
Le rendu peut dépendre d’une couleur héritée, de la couleur du texte, de dégradés ou de styles complexes, sans couleur fixe à remplacer. Consultez d’abord la liste et l’aperçu.
Que signifie currentColor ?
Cette valeur reprend la couleur actuelle du texte au lieu de désigner une couleur hexadécimale fixe. Elle n’est donc pas remplacée comme une couleur ordinaire.
Pourquoi url(#gradient) n’est-il pas une couleur ordinaire ?
Cette valeur pointe vers un dégradé ou un motif défini dans le SVG. Pour le recolorer, modifiez les couleurs de ses points d’arrêt.
Changer les couleurs modifie-t-il la structure du SVG ?
Seules les déclarations de couleur sont remplacées, sans convertir les tracés en pixels. Le téléchargement principal conserve le reste du contenu. La copie filtrée retire les contenus actifs non pris en charge et les références externes.