Générateur de fonds SVG avec motifs

Choisissez un type de motif, définissez vos couleurs et votre échelle, puis copiez le code CSS ou SVG prêt à coller.

Type de motif

Couleur de premier plan

Couleur d'arrière-plan

Taille (px) 20

Espacement / épaisseur 2

Opacité 100%

Aperçu

Code généré

Fonctionne entièrement dans votre navigateur. Rien n'est envoyé.

Comment ça marche

STEP 1

Sélectionnez des points, une grille, des vagues ou des hexagones dans le menu des motifs.

STEP 2

Définissez la couleur de premier plan, la couleur d'arrière-plan, la taille et l'espacement.

STEP 3

Cliquez sur « Copier CSS » ou « Copier SVG » pour obtenir le code prêt à utiliser dans votre projet.