384 ORIGINAL PREVIEW MEASUREMENTS · OCTOBER 29, 2026
Roblox Shirt Template Preview Colors: A Controlled Contrast Test
Preview background colors can change how much of a fine line clears a fixed contrast threshold. In our 64-pixel Shirt-front test, a one-pixel red source stroke had 42 strong pixels on solid white at every offset, 0–42 on white/charcoal checks, and 0–3 on cream/slate checks. Those are measurements of saved PNG previews, not a judgment of what viewers can recognize or how Roblox renders an avatar.
“Strong” means Euclidean RGB distance of at least 128 from the same blank background pixel. This test cutoff is our analytical choice, not a Roblox rule.
Same Shirt PNG, three preview backgrounds
We made fresh 150 × 150 transparent PNGs with centered red diagonals, one with a one-pixel source stroke and the other two pixels wide. Each was imported into this site's Classic Shirt editor at 45% Image size and exported through Download PNG. Both saved files were 585 × 559 pixels. We cropped the same 128 × 128 FRONT square from each; Roblox Creator Hub documents that panel size.
Each crop was smoothly drawn to 64 × 64 pixels over three backgrounds: white/charcoal, cream/slate, and solid white. Checker tiles remained four output pixels wide. For each pair we measured all 64 distinct x/y offsets, including the solid-white control. That is 2 exports × 3 backgrounds × 64 offsets = 384 previews. Only preview colors and their phase changed.
| Background | 1 px stroke: strong-pixel range | 1 px: zero-count offsets | 2 px stroke: strong-pixel range |
|---|---|---|---|
| White #ffffff / charcoal #202b36 | 0–42 | 8 / 64 | 70–112 |
| Cream #f2e8d5 / slate #586575 | 0–3 | 12 / 64 | 62–104 |
| Solid white #ffffff | 42–42 | 0 / 64 | 124–124 |
The one-pixel stroke's mean strong-pixel count fell from 21 on white/charcoal to 1.5 on cream/slate, a difference of 19.5 pixels under this cutoff. The zero-count share rose from 8 ÷ 64 = 12.5% to 12 ÷ 64 = 18.75%. The two-pixel stroke stayed above zero in every measured preview, though its mean fell from 91 to 83. A solid-white background has no changing checker phase; repeating it 64 times is a control, not 64 independent visual conditions.
Original 64-pixel examples




The files themselves are 64 × 64 pixels. Screen zoom can change how they appear.
A repeatable check for your artwork
- Finish the Classic Shirt in the editor and download its PNG. Keep that exact saved file for each preview.
- Crop the FRONT panel at x = 128–255, y = 191–318 in the 585 × 559 file. Check the crop at full size before shrinking it.
- Make equal-size previews with the same scaling method over the actual light, dark, or patterned colors you expect to use. Change only one background variable at a time.
- When a small detail becomes hard to inspect, widen or simplify the source detail, export again, and compare both saved versions under identical conditions.
- Follow the Creator Hub Studio rig test to assess the final garment on an avatar.
Method, interpretation, and limits
Our browser script used the editor's real import and Download PNG controls. Canvas drew each saved FRONT crop smoothly onto a 64 × 64 output. For every offset it also drew a blank background, then counted pixels for which √(ΔR² + ΔG² + ΔB²) ≥ 128 between the preview and blank baseline. This difference isolates the saved artwork's contribution to each background pixel.
The result is specific to this red diagonal, two source widths, three color pairs, Chrome Canvas scaling, and our cutoff. A zero strong-pixel count can still contain faint color below the cutoff. We did not test human recognition, letter shapes, or Roblox Studio rendering. The script, full readings, and original PNG examples are retained with the site project.
Sources
- Roblox Creator Hub: Classic clothing — official panel map and Studio test procedure.
- Avatar Shirt Maker editor — the import and export controls used for this test.