Générateur de motifs sans raccord
Créez un motif qui se répète sans raccord : formes, disposition, couleurs, rotation, grain… puis exportez le carreau en PNG ou SVG, le code CSS ou une grande image.
Forme
Silhouettes : Phosphor Icons (MIT) et Material Symbols (Apache 2.0), libres d’usage. Licences
Importer une image (logo, dessin, photo détourée en PNG transparent…) : elle remplace les formes et se répète avec la disposition, la taille et la rotation choisies.
Couleurs du motif
Exporter
Le SVG n’est pas disponible avec une image importée, le grain ou le flou (effets au pixel près) : utilisez le carreau PNG. Le CSS reste disponible, avec le carreau intégré en PNG.
Le code du carreau PNG est très long : il est raccourci à l’écran, mais le bouton copie le code complet.
Les grandes images portent une petite signature KSPNAI en bas à droite ; le carreau à répéter n’en a pas, pour rester sans raccord.
Tout est calculé dans votre navigateur : rien n’est envoyé.
À propos de cet outil
Ce générateur crée un motif qui se répète à l’infini sans raccord visible : parfait pour un fond de site, un papier cadeau, un emballage, un textile, une carte de menu ou un visuel de réseau social. Tout se règle en direct et se calcule dans votre navigateur.
Choisissez une ou plusieurs formes parmi 300 : formes géométriques (cœur, étoile, goutte, vague…) et silhouettes de personnes, d’animaux, de plantes, de cuisine, d’objets, de sport, de mer, de Noël et de métiers ou importez votre propre motif, puis la disposition : grille, quinconce verticale, en briques ou aléatoire. Taille, espacement, rotation, variations aléatoires, jusqu’à cinq couleurs sur un fond, opacité, grain et flou. L’aperçu montre le motif répété et, si vous le souhaitez, le contour du carreau.
- 300 formes : géométriques, personnes, animaux, plantes, cuisine, sport, mer, Noël, métiers… ou votre image
- Grille, quinconce, briques ou disposition aléatoire
- Rotation et taille aléatoires, jusqu’à 5 couleurs
- Grain, flou et opacité sans casser la répétition
- Export du carreau en PNG ou SVG et code CSS prêt à coller
- Grande image : écran, carré, story, A4 300 ppp, 4K
Comment l’utiliser
- Choisissez une forme (cochez « Mélanger » pour en combiner plusieurs) ou importez votre motif.
- Réglez la disposition, la taille, l’espacement et la rotation.
- Choisissez le fond et les couleurs, ou cliquez sur Couleurs au hasard.
- Exportez le carreau (PNG, SVG ou CSS) ou une grande image au format voulu.
Questions fréquentes
Qu’est-ce qu’un motif sans raccord ?
C’est une image (un carreau) conçue pour que ses bords se rejoignent parfaitement : posée côte à côte à l’infini, on ne voit aucune coupure.
Comment l’utiliser en fond de site ?
Cliquez sur « Copier le CSS » : le code contient le motif en SVG, sa taille et la couleur de fond, à coller dans votre feuille de style.
Le SVG est-il toujours disponible ?
Oui, sauf si vous utilisez votre propre image, le grain ou le flou : le carreau est alors exporté en PNG.
Puis-je utiliser les motifs librement ?
Oui, les motifs que vous créez vous appartiennent. Les grandes images portent une petite signature KSPNAI en bas à droite ; le carreau n’en a pas.