Motifs de rayures et de vagues

Tous les outils de couleur

Rayures, vagues, zigzags, chevrons et grilles sans raccord. Choisissez couleurs, épaisseur et angle, puis copiez le CSS ou téléchargez SVG, PNG ou WebP.

Gratuit

1Choisissez un motif

Tous Lignes et vagues Points et cercles Géométrique 3D et illusions Textiles et tissages Briques et carrelages Japonais Islamique et mauresque Art déco Tribal et folklorique Nature Icônes et objets Pixel art Génératif

Votre titre ici

Voyez comment le motif se place derrière un vrai contenu.

Commencer
Motif

Des motifs pour commencer

Choisissez-en un pour l'ouvrir dans l'éditeur, puis modifiez ses couleurs et ses réglages.

Arches entrelacées 1 Arches entrelacées 1 Perles 1 Perles 1 Tirets 1 Tirets 1 Blocs hachurés 1 Blocs hachurés 1 Hachures croisées 1 Hachures croisées 1 Festons 1 Festons 1 Arcs de coin 1 Arcs de coin 1 Bandes 1 Bandes 1 Ondes carrées 1 Ondes carrées 1 Grille 1 Grille 1 Rayures diagonales 1 Rayures diagonales 1 Zigzag 1 Zigzag 1

Parcourir par collection

Points et cercles 189 motifs Géométrique 138 motifs 3D et illusions 99 motifs Textiles et tissages 105 motifs Briques et carrelages 148 motifs Japonais 33 motifs Islamique et mauresque 30 motifs Art déco 47 motifs Tribal et folklorique 62 motifs Nature 196 motifs Icônes et objets 236 motifs Pixel art 152 motifs Génératif 251 motifs

À propos de Motifs de rayures et de vagues

Les lignes sont la façon la plus discrète d'ajouter de la texture à une page. Cette collection réunit rayures et bandes, rayures diagonales, vagues, zigzags, chevrons, festons, tirets, grilles, hachures, ondulations et tresses, de la fine rayure discrète à la grande vague rétro.

Les rayures et les grilles restent très légères en code, ce qui en fait un bon choix pour les fonds de site web. Modifiez l'épaisseur et l'espacement pour régler la densité des lignes, et utilisez l'angle pour passer des rayures droites aux diagonales.

Questions fréquentes

Choisissez un motif de rayures, réglez l'angle sur 45 degrés et copiez le CSS. Les angles autres que 0, 90, 180 et 270 degrés utilisent un SVG qui remplit l'élément : les rayures restent régulières quelle que soit la largeur.

Oui. Le curseur de trait règle la largeur des lignes, et les curseurs d'espacement règlent l'écart entre elles.

Des lignes fines dans deux couleurs proches gardent le texte lisible. L'aperçu « Sur une page » permet de vérifier le résultat sous une vraie carte avant de copier le code.
Partager
Outils similaires
Créer un dégradé depuis une image
Générateur de dégradé
Générateur de motifs
Écran tout noir
Simulateur de daltonisme
Générateur de palette de couleurs
Écran tout bleu
Extraire les couleurs d'une image
Association de polices et annuaire Google Fonts
Trouver le nom d'une couleur
Écran tout vert
Palette de couleurs web-safe
Générateur de nuances de couleur
Écran tout rouge
Vérifier le contraste des couleurs
Roue chromatique et harmonie des couleurs
Correspondance de couleurs RAL
Palette de couleurs d'un site web
Exporter une palette de couleurs
Convertisseur de codes couleur
Recherches populaires
motif rayures motif vagues svg motif zigzag motif chevron rayures css fond vagues sans raccord motif grille svg rayures diagonales css
Besoin d'aide ?
Un problème avec cet outil ? Signalez-le à notre équipe.
Signaler un problème

Ajoutez cet outil gratuit à votre propre site web : copiez-collez le code ci-dessous.