Rand- och vågmönster

Alla färgverktyg

Sömlösa ränder, vågor, sicksack, chevron och rutnät. Välj färger, linjebredd och vinkel och kopiera CSS eller ladda ner SVG, PNG eller WebP gratis.

Gratis

1Välj ett mönster

Alla Linjer och vågor Prickar och cirklar Geometriska 3D och illusioner Textilier och vävar Tegel och kakel Japanska Islamiska och morisk stil Art Deco Tribala och folkliga Natur Ikoner och föremål Pixelkonst Generativa

Din rubrik här

Se hur mönstret ser ut bakom verkligt innehåll.

Kom igång
Mönster

Förslag att utgå från

Välj ett förslag för att öppna det i redigeraren och ändra sedan färger och inställningar.

Sammanflätade bågar 1 Sammanflätade bågar 1 Pärlor 1 Pärlor 1 Streck 1 Streck 1 Skrafferade block 1 Skrafferade block 1 Korsskraffering 1 Korsskraffering 1 Snäckkanter 1 Snäckkanter 1 Hörnbågar 1 Hörnbågar 1 Band 1 Band 1 Fyrkantsvågor 1 Fyrkantsvågor 1 Rutnät 1 Rutnät 1 Diagonala ränder 1 Diagonala ränder 1 Sicksack 1 Sicksack 1

Bläddra efter samling

Prickar och cirklar 189 mönster Geometriska 138 mönster 3D och illusioner 99 mönster Textilier och vävar 105 mönster Tegel och kakel 148 mönster Japanska 33 mönster Islamiska och morisk stil 30 mönster Art Deco 47 mönster Tribala och folkliga 62 mönster Natur 196 mönster Ikoner och föremål 236 mönster Pixelkonst 152 mönster Generativa 251 mönster

Om Rand- och vågmönster

Linjer är det lugnaste sättet att ge en sida struktur. Den här samlingen omfattar enkla ränder och band, diagonala ränder, vågor, sicksack, chevron, snäckkanter, streck, rutnät, korsskraffering, ringar i vattnet och flätor, så att valet kan gå från ett diskret kritstreck till en kraftfull retrovåg.

Ränder och rutnät blir mycket små som kod, vilket gör dem till ett bra val för webbplatsbakgrunder. Ändra linjebredd och avstånd för att styra hur tät linjerna känns, och använd vinkelreglaget för att göra raka ränder diagonala.

Vanliga frågor

Välj en randförlaga, ställ in vinkeln på 45 grader och kopiera CSS. Andra vinklar än 0, 90, 180 och 270 grader använder en SVG som fyller elementet, så ränderna förblir jämna oavsett bredd.

Ja. Reglaget för linjebredd styr linjernas tjocklek och reglagen för avstånd styr mellanrummet mellan dem.

Tunna linjer i två närliggande färger förblir läsbara bakom text. Använd förhandsvisningen ”På en sida” för att kontrollera resultatet under ett verkligt kort innan koden kopieras.
Dela
Relaterade verktyg
Skapa gradient från bild
Gradientgenerator
Mönstergenerator
Färgpalett från webbplats
AI-varumärkespalettgenerator
AI-generator för teman och gradienter
Färgblindhetssimulator
AI-stämningspalett
Pantone-färgmatchare
Hitta färgens namn
Extrahera färger från bild
Blanda färger
Typsnittsparning & Google Fonts-katalog
Kontrollera färgkontrast
Helvit skärm
Färgkodsomvandlare
Nyansgenerator
Helblå skärm
Helröd skärm
Skärmfärgväljare
Populära sökningar
randigt mönster vågmönster svg sicksackmönster chevronmönster css randig bakgrund sömlös vågbakgrund rutnätsmönster svg diagonala ränder css
Behöver du hjälp?
Hittade du ett problem med det här verktyget? Berätta för oss.
Rapportera ett problem

Lägg till det här gratisverktyget på din egen webbplats: kopiera och klistra in koden nedan.