UUUP Tools

Outils de design

Éditeur de couleurs SVG – Modifier le remplissage et le contour

Collez le balisage SVG, extrayez les couleurs de remplissage/contour dans une palette modifiable, prévisualisez les modifications en direct et copiez le SVG mis à jour. Conçu pour les recolorations d'icônes et les teintes vectorielles simples.

Accès rapide→Optimiseur SVG
SVGRecolorationIcônes
Accès rapide:Optimiseur SVGGénérateur d'espaces réservés SVGCouleurs CSS nommées

Ajouter cet outil aux favoris

Aucun mode de stockage des favoris n’a été sélectionné.

Actions rapides

Retour à Outils de design Parcourir tous les outils

Copiez l’URL de cet outil ou ouvrez la feuille de partage du système sur un appareil compatible.

Cas d’usage

  • Recolorer les fichiers SVG de la bibliothèque d'icônes en couleurs de marque
  • Unifier le remplissage/le contour sur un multicolore SVG
  • Aperçu des icônes sur fond clair et sombre

Mode d’emploi

  1. Coller un SVG complet
  2. Modifier les couleurs extraites dans la palette
  3. Aperçu, puis copier le SVG final

Exemples d’entrée et de sortie

Entrée

<path fill="#000000" d="M0 0h24v24H0z"/>

Sortie

<path fill="#ff0000" d="M0 0h24v24H0z"/>

FAQ

Puis-je modifier les dégradés ?

Les valeurs de remplissage/contour solides sont la cible principale. Les dégradés linéaires dans les définitions peuvent ne pas être entièrement répertoriés ou modifiables.

L'aperçu est-il sûr ?

Les nœuds exécutables et les attributs d'événement sont supprimés avant l'aperçu afin de réduire les risques de script provenant des SVG hostiles.

Outils

Outils associés

Poursuivez avec un autre outil traduit pour une tâche proche.

Optimiseur SVG

Optimiseur SVG — Nettoyage et compression

Disponible

Nettoyez les commentaires SVG, les métadonnées de l'éditeur et les espaces supplémentaires localement dans le navigateur pour produire un balisage plus court – utile pour la compression des icônes, le nettoyage des exportations et la préparation du SVG en ligne. Il s'agit d'un nettoyeur léger, pas d'un pipeline de plugin SVGO complet.

SVG Optimisation Réduction
Ouvrir l’outil

Générateur d'espaces réservés SVG

Générateur d'espaces réservés SVG — Espaces réservés de taille et d'étiquette

Disponible

Générez un espace réservé SVG léger à partir de la largeur, de la hauteur, de l'arrière-plan, du texte de l'étiquette et de la taille de la police – utile pour les emplacements d'image de prototype, les squelettes de liste et le chargement espaces réservés. Copiez le balisage SVG lorsque vous êtes prêt.

SVG Espace réservé Prototype
Ouvrir l’outil

Couleurs CSS nommées

Couleurs CSS nommées — Recherche de nom de couleur standard

Disponible

Parcourez les couleurs nommées W3C/CSS et leurs valeurs. Filtrez par mot-clé ou par famille, puis copiez le nom de la couleur ou HEX pour le travail CSS natif.

CSS Couleur Aide-mémoire
Ouvrir l’outil