Remplacer des couleurs dans un SVG
Remplace une couleur par une autre dans tout le SVG – remplissages, contours, dégradés et styles – dans le navigateur.
Fonctionne dans votre navigateur – le fichier n'est jamais envoyé
Questions fréquentes
Mon fichier est-il envoyé ?
Non. La conversion se fait entièrement dans votre navigateur. Le fichier ne quitte jamais votre appareil – aucun serveur ne peut le voir. Une fois la page chargée, l'outil fonctionne même hors ligne.
Où les couleurs sont-elles remplacées ?
Dans les attributs fill, stroke, stop-color, flood-color, lighting-color et color, dans les déclarations style="…" et dans les feuilles <style>. La couleur peut s'écrire #rgb, #rrggbb, rgb(), rgba() ou par un nom CSS (red, steelblue …) – la comparaison ignore la casse et la notation, donc « red », « #F00 » et « rgb(255,0,0) » sont la même couleur. La transparence (alpha de rgba, #rrggbbaa) est conservée.
À quoi sert la tolérance ?
À 0, seule la couleur exacte est remplacée. Une valeur plus haute remplace aussi les nuances dont le rouge, le vert et le bleu s'écartent chacun d'au plus cette valeur – utile pour les exports qui éclatent une couleur en plusieurs teintes presque identiques. Gardez-la petite, sinon des couleurs sans rapport sont touchées.
Pourquoi rien n'a changé ?
La couleur n'est peut-être pas là où vous l'attendez : les dégradés utilisent stop-color sur leurs arrêts, certains fichiers utilisent currentColor ou des classes, et les images matricielles intégrées ne peuvent pas être recolorées. Ouvrez le fichier dans un éditeur de texte et cherchez la valeur exacte – ou augmentez un peu la tolérance si le fichier utilise une teinte légèrement différente. Rien d'autre que les valeurs de couleur n'est touché ; le fichier reste sinon inchangé.
Outils similaires
Réparer la viewBox d'un SVG
Ajoute la viewBox manquante depuis width et height pour que le SVG s'adapte enfin – dans le navigateur.
● Dans le navigateur
Optimiser un SVG
Réduit les fichiers SVG sans changer leur apparence – dans le navigateur.
● Dans le navigateur
Convertir SVG en data URI
Transforme un SVG en URL data: compacte pour le CSS et le HTML – dans votre navigateur, sans envoi.
● Dans le navigateur
Convertir SVG en arrière-plan CSS
Écrit une règle CSS prête à coller avec le SVG intégré en arrière-plan ou en masque – dans le navigateur.
● Dans le navigateur