Design et couleurs

Générateur de motifs SVG

Générateur de motifs SVG — Choisissez des dimensions ou couleurs et vérifiez le résultat. Les données de l’outil restent sur votre appareil. Sans inscription.

Sans inscription

Chargement de l’outil…

Mode d’emploi

  1. 1Entrez vos valeurs et choisissez les options.
  2. 2Exécutez l’outil et vérifiez le résultat.
  3. 3Copiez le résultat ou changez les données pour comparer.

À savoir

Vérifiez plages et unités. Les résultats dépendent de vos données et du navigateur.

Les annonces peuvent traiter des données de connexion. La personnalisation respecte vos choix de confidentialité. Confidentialité (anglais)

Exemple calculé d’entrée et de sortie

Résultats du moteur réel avec les valeurs ci-dessous, sans données personnelles ni travail enregistré. Chargez l’exemple pour retrouver ces entrées.

Entrée d’exemple

ChampValeur
Mode
Points
Couleur
#0F766E
Couleur de fond
#FFFFFF
Espacement du motif (px)
24
Épaisseur ou rayon du point (px)
2

Résultat d’exemple

<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400" viewBox="0 0 400 400"><defs><pattern id="p" width="24" height="24" patternUnits="userSpaceOnUse"><rect width="24" height="24" fill="#FFFFFF"/><circle cx="12" cy="12" r="2" fill="#0F766E"/></pattern></defs><rect width="400" height="400" fill="url(#p)"/></svg>
Conditions de saisie

Il s’agit des limites réelles de validation, sans garantie que toute valeur admise soit réaliste ou adaptée à votre situation.

  • Mode: Options disponibles: Points / Rayures / Grille
  • Espacement du motif (px): Plage admise: 4 ≤ x ≤ 200
  • Épaisseur ou rayon du point (px): Plage admise: 0,1 ≤ x ≤ 20

Outils associés

Tous les outils