Recolor clothing pixels locally
This Roblox clothing color changer replaces pixels that match a selected source color. Open local PNG, JPG, or WebP artwork, click the original color in the preview, choose a replacement, adjust match tolerance, and download a PNG. The source image remains on the device and every preview is recalculated from its original pixels.
The tool is useful for fast fabric variants, team colors, coordinated outfits, palette experiments, and repairing one repeated flat color. It does not understand semantic concepts such as “shirt,” “sleeve,” “logo,” or “skin.” Matching is global, so the same color can change in multiple template regions.
Select the original color
Open an image and click a representative pixel in the preview. The color changer reads the source pixel under the pointer, not the already recolored result. Choose a clean interior area rather than an antialiased edge or compressed boundary.
The initial selection comes from the top-left pixel. That may be useful for a full-color background, but it is not always part of the garment. Use the color field to set a precise source manually when you know its Hex value.
For a mapped Shirt or Pants template, inspect where the color is reused before replacing it. A dark blue used for the torso may also appear in sleeve shadows, outlines, buttons, or guide marks. A global match can be efficient, but it requires awareness of the entire image.
Choose the replacement color
The replacement control sets the target RGB. With brightness preservation disabled, every matched pixel receives that exact color while retaining its original alpha. This produces a flat, consistent replacement and is appropriate for simple pixel art or solid fabric panels.
Choose colors with sufficient contrast against outlines, logos, and expected avatar appearance. A mathematically different Hex value is not necessarily visually distinct at game scale. Preview at normal size as well as enlarged size, particularly when text or small symbols matter.
The output remains PNG and keeps the original width and height. Recoloring does not move template panels, add a background, or change the clothing type.
Tune match tolerance
Tolerance expands the match beyond the exact selected RGB. At zero, only identical colors change. Higher values include nearby shades whose red, green, and blue channels remain within the threshold.
Low tolerance works for deliberate pixel palettes and clean PNG fills. Higher tolerance can recolor painted fabric, gradients, antialiasing, or JPG compression variants. It can also capture unrelated artwork. Raise it gradually and watch logos, skin-tone references, highlights, and shadows.
If a desired area contains several distinct palette entries, consider changing them in separate exports rather than using one very large tolerance. Select the dominant shade first, inspect the result, then return to the original file for another controlled replacement.
Preserve relative brightness
Brightness preservation is enabled by default. For each matched pixel, the tool compares luminance with the selected source color and scales the replacement accordingly. Darker source variants become darker versions of the target, while lighter variants remain lighter.
This helps retain simple shading, folds, and antialiased transitions. It is an approximation, not professional color grading. Very dark sources, highly saturated targets, and clipped highlights can still lose detail because RGB channels cannot exceed their valid range.
Disable brightness preservation when an exact flat target is required. Pixel-art teams often prefer a controlled set of fixed colors. Painted clothing may benefit from preserving light and dark structure. Compare both modes rather than assuming one is universally correct.
Create coordinated color variants
A practical workflow starts with an original master. Export one variant, return to the untouched source, choose another target, and export again. This avoids repeatedly recoloring already transformed pixels and keeps the variants comparable.
For team uniforms, define a small approved palette before making files. Record the Hex values and use the palette extractor to verify dominant colors and proportions. Keep outlines, emblems, and accessibility contrast consistent across variants.
Do not use recoloring to copy or disguise another creator’s design. Changing a hue does not create ownership. Use artwork you made or have permission to adapt.
Shirt, Pants, and T-shirt considerations
Classic Shirt and Pants templates use multiple disconnected rectangles that wrap around body surfaces. A globally repeated color can appear on torso fronts, backs, sides, sleeves, legs, cuffs, and inner surfaces. Check every region after replacement.
Classic T-shirts are square torso-front graphics. Recoloring is simpler, but alpha edges and small details remain important. If the selected source color also appears in transparent-edge halos, tolerance and brightness preservation may change those pixels in unexpected ways.
The color changer does not determine whether a 585×559 image is Shirt or Pants. Both can have the same dimensions. Keep the correct reference and file naming throughout the workflow.
Verify the PNG after recoloring
Open the result in the local clothing preview and compare it on checker, light, and dark backgrounds. Confirm that transparency is unchanged and that the new color remains readable. Use the clothing checker for dimensions, alpha, and visible coverage.
For full clothing, test on an appropriate rig using current official Roblox creation tools. Rotate to inspect seams and all surfaces. A color can appear different under Studio lighting, beside avatar skin tones, or across adjoining panels.
If the global replacement affected unwanted content, lower tolerance or repair those pixels in the dedicated maker. This focused tool intentionally avoids pretending that color distance is a semantic selection system.
Local processing and limitations
The browser decodes the selected file, processes RGBA values in memory, draws the preview canvas, and creates the PNG download. No account, cloud storage, public gallery, or server-side image processing is involved. Closing the page removes unsaved state.
SkinEditor.org is independent and is not affiliated with Roblox Corporation. This tool cannot publish an asset, predict moderation, confirm intellectual-property rights, or guarantee that a design meets current marketplace requirements.
Frequently asked questions
Can I change only one sleeve?
Not automatically. Matching is global. Use a regional selection tool or manually repair the result when identical colors appear elsewhere.
Why did similar colors also change?
The tolerance included them. Reduce the value for a narrower match.
Does brightness preservation keep all shading?
It retains relative luminance approximately, but it is not a full material or color-grading model.
Is the source uploaded?
No. Pixel analysis, recoloring, preview, and PNG export all run locally in the browser.