Recolor a Checkered Plaid in Seconds — and Walk Away with Both PNG and SVG

Recolor a Checkered Plaid in Seconds — and Walk Away with Both PNG and SVG

A deep dive into Tin Tran's "easy mode" link for plaid-patterns.com

If you've ever wanted a custom tartan for a poster, a product mockup, a wrapping paper, or just a phone wallpaper, you probably braced yourself for a tedious afternoon in Illustrator. Tin Tran (@tin_tran2660) recently shared a link on X that flips that expectation on its head: a single URL to plaid-patterns.com that lets anyone — including people who know nothing about designing plaids — swap the colors of a checkered pattern and walk away with both a PNG and an SVG.

The post in one sentence

"Change color of checkered plaid pattern (PNG & SVG). Easy mode."

 

That's the whole pitch, followed by a pre-baked link that loads the generator with a red-black-pink-grey colorway already wired in. Click it, change four hex codes, hit save. Done.

Why this matters: the URL is the UI

What makes the trick work is that plaid-patterns.com encodes the entire design into query parameters. Look at the link Tin shared:

code

plaid-patterns.com/random-plaid.html  ?seed=3709693  &pattern=2,4,4,4,2  &colors=ff1414000000ffbdbd666666  &manualcolors=0,1,2,3,0  &mirror=1

Every part of the design is right there in the URL:

• seed=3709693 — the random seed. Keep it fixed and the layout never moves, no matter what you change.
• pattern=2,4,4,4,2 — the widths of each stripe in the repeat, in order.
• colors=ff1414 000000 ffbdbd 666666 — four hex colors, concatenated. This is the only thing you need to touch to recolor.
• manualcolors=0,1,2,3,0 — which color index each stripe uses, mapping stripes onto the palette.
• mirror=1 — mirrors the sequence so the pattern reads symmetrically, like a real tartan.

How "easy mode" actually works

Tin's framing is the key insight. You don't need to understand stripe ratios, color indexing, or mirror symmetry. The link has already chosen all of those for you. The only field worth touching is colors — a run of 6-character hex codes glued together. Swap ff1414 for your brand red, 000000 for a navy, and reload. The plaid redraws instantly with the same composition, only in your palette.

Want to try it without typing? Open any color picker, copy a hex value, paste it over the corresponding six characters in the URL, and press Enter. That's the entire workflow.

PNG and SVG — why both formats matter

Once you like what you see, the page offers the pattern in two formats, and that detail is doing a lot of work:

• PNG is the universal answer. Drop it into Canva, Instagram, Etsy listings, slide decks, a print-on-demand mockup — anything that takes an image. No software friction.
• SVG is where this gets powerful. Because plaids are pure geometry — rectangles, fills, repeats — SVG keeps them infinitely scalable and editable. Open it in Illustrator, Inkscape, or Figma, tweak a single stripe, use it as a fabric pattern in a vector mockup, or feed it to a laser cutter, embroidery digitizer, or print workflow at any size with no pixel blur.

The bigger idea: generative discovery, citable randomness

There's a quiet design philosophy here worth pointing out. Instead of asking the user to set dozens of parameters, plaid-patterns.com lets the machine roll the dice and asks the human to act as the filter. The seed in the URL is what makes that loop work — it turns randomness into something citable. When Tin shares a link, the recipient sees the exact same plaid Tin saw, not a fresh roll. The URL is the artifact.

Combine that with the "just edit the colors" affordance and you get a tool that's discoverable by accident: someone tweets a link, you click it, you swap two hex codes, and you have a finished asset. No app, no signup, no learning curve.

A 30-second recipe

1. Open Tin's link in a browser.
2. In the URL bar, find colors= and replace the four hex codes with your own palette (six characters each, no separators).
3. Press Enter. The plaid redraws with your colors and the original layout intact.
4. Use the page's download options to grab the PNG for everyday use and the SVG for anything you might want to scale or edit later.

Final thought

Tin's post is short — a sentence and a link — but it's a small masterclass in lowering the floor on a creative tool. By pre-loading a working plaid and exposing the one knob most people actually want (color), and by offering both raster and vector output, plaid-patterns.com turns "design a custom tartan" into a thirty-second job anyone can do from the address bar.