Mint diagonal stationery
Use 16 pixel stripes and 16 pixel gaps with teal and pale mint. Four periods create a 128 × 128 tile that can repeat across a larger canvas.
Repeatable stripe tile
Diagonal widths are measured across a horizontal row. Repeat the tile at its natural size for matching edges. PNG antialiasing can leave a faint seam in some renderers; SVG is preferable for web backgrounds.
Tiled preview
Download tile: 128 × 128 px · repeat period 32 px.
SVG source
Image processing and generated artwork stay in your browser. Files are not uploaded by this tool.
How to use the Seamless Stripe Generator
- 01
Choose stripe and gap widths, both measured in pixels, and select horizontal, vertical, or 45-degree diagonal direction.
- 02
Set the two colors and the number of repeat periods in the square tile. Watch the tiled preview as you adjust them.
- 03
Download SVG or PNG and use it as a repeating background at the exported dimensions.
Examples
Fine vertical texture
Use a 2 pixel stripe, 6 pixel gap, and eight repeat periods. Export the resulting 64 × 64 SVG for a sharp lightweight background.
Why the edges match
One period equals stripe width plus gap width. The square tile size equals that period multiplied by the repeat count. Horizontal and vertical bands repeat directly. Diagonal bands follow x minus y at 45 degrees, so translating by a whole tile in either direction preserves the same stripe phase.
Interpreting diagonal widths
For diagonal stripes, the width control describes the horizontal intercept of a band. Its perpendicular thickness is that value divided by the square root of two. This convention keeps the repeat interval an integer number of pixels and makes the tile boundaries predictable.
What to know
- Each stripe and gap must be 1–100 whole pixels; tiles contain 1–16 periods.
- Raster antialiasing can vary between browsers and image editors.
Common questions
Why might I see a faint seam in a PNG background?
Rasterizers can antialias pixels along a diagonal or resample a repeated tile at fractional sizes. Prefer SVG, use the natural tile dimensions, and avoid fractional background-size values when visible seams matter.
Can I rotate the stripes to any angle?
This generator supports horizontal, vertical, and exactly 45-degree diagonal stripes. Arbitrary angles require a different repeat-tile construction and are not offered here.
Can I use a single downloaded tile over a large area?
Yes. Set the image as a repeating background. The live tiled preview shows how multiple copies meet; the download contains only one tile.