Extract a clothing palette from real pixels
This Roblox clothing color palette tool reads local PNG, JPG, or WebP artwork and ranks its most-used exact colors. Each swatch reports a Hex value, alpha, pixel count, and percentage of analyzed pixels. Select a swatch to copy its Hex value or download the ranked data as JSON.
The extractor works entirely in the current browser tab. It does not upload clothing artwork, create an account project, or add a public palette. The original file remains unchanged because analysis reads decoded RGBA values without writing back to it.
What “exact color” means
Every visible pixel contains red, green, blue, and alpha channel values. The extractor groups pixels only when those values match exactly. Two blues that look identical to a person can appear as separate entries if one channel differs by a single number or if alpha differs.
Exact counting is especially useful for pixel art, flat fabric panels, template graphics, and controlled brand palettes. It reveals the actual values stored in the image instead of estimating visually. It can also expose accidental near-duplicates introduced by painting tools or earlier resizing.
Photographs and smoothly painted images may contain thousands of unique colors. Their top exact entries are still factual, but they do not summarize the image as effectively as a quantized palette would. This tool deliberately avoids hidden clustering so the reported Hex values remain directly traceable to real pixels.
Read pixel counts and percentages
Pixel count tells you how many analyzed pixels use the exact RGBA value. Percentage divides that count by the total included pixels. If transparent pixels are ignored, the denominator includes only pixels whose alpha is high enough to be treated as visible.
A dominant color often represents the main fabric or a large background. Smaller percentages can represent outlines, shading, emblems, guide marks, or antialiasing. Percentage is not the same as visual importance: a tiny, high-contrast logo may matter more than a large neutral area.
The displayed palette can be limited to 6, 12, 18, or 24 entries. A smaller list is easier for design decisions; a larger list helps diagnose near-duplicate colors and subtle shading.
Transparent pixels and alpha
Enable “ignore transparent pixels” to exclude pixels with very low alpha. This keeps a large transparent canvas from dominating the analysis as invisible black or another stored RGB value. It is the recommended setting for logos and templates with clear space.
Disable the option when investigating hidden RGB values, partially transparent edges, or unexpected alpha behavior. Transparent pixels can retain RGB data even though they are not visible. Those values may matter during later compositing or editing, but they usually should not define a visible clothing palette.
The JSON output includes alpha as a number from 0 to 255. The swatch preview applies that opacity, so a partially transparent color may appear lighter against the interface than its raw RGB Hex suggests.
Use the palette for color consistency
Copy dominant Hex values into the Shirt, Pants, or T-shirt maker to keep related pieces consistent. A coordinated outfit can reuse one main fabric color, one outline, and a small set of accent shades. Record the palette alongside the original project rather than relying on visual memory.
For team variants, establish a source palette first, then use the color changer with controlled replacements. Extract the result again and compare percentages. This workflow helps detect a missed shade that remained in one sleeve, leg, or seam region.
Palette data can also support documentation. JSON stores exact values, alpha, counts, and percentages in a form that can be archived or processed by another local script. It does not contain the original image pixels or filename beyond the downloaded palette file name.
Diagnose blurry or noisy artwork
Clean pixel art usually contains a deliberate, limited set of colors. If a simple design unexpectedly produces hundreds or thousands of entries, it may have been resampled with smoothing, saved through lossy compression, or painted with a soft brush.
Look at the top list for many almost-identical values. That pattern often indicates antialiasing or compression. It is not automatically wrong—painted art needs gradual transitions—but it can make exact recoloring harder and create soft edges in a design intended to be crisp.
Use the local clothing preview at high zoom to inspect questionable areas. If the source should have hard edges, return to the highest-quality original, avoid JPG, disable smoothing during resize, and export PNG once.
Shirt, Pants, and T-shirt uses
For a Classic Shirt, compare torso and sleeve colors so connected surfaces feel intentional. For Classic Pants, verify that waist, legs, cuffs, and shoes use the expected palette. Because the extractor analyzes the complete flat image, it cannot tell which count belongs to which body region.
For a T-shirt graphic, dominant colors help judge contrast against possible avatar body colors. Transparent margins are normally ignored, leaving the emblem’s visible palette. A visually complex graphic with many low-frequency colors may become unreadable at normal avatar scale.
The palette tool does not validate dimensions or distinguish Shirt from Pants. Run the clothing checker separately for format and canvas diagnostics, and use the preview or Studio for spatial and wrapping checks.
Responsible color reuse
A color value by itself is generally a basic fact, but a complete artwork, logo, character, branded pattern, or distinctive arrangement may be protected. Extracting a palette does not authorize copying another creator’s clothing design.
Use the results to maintain your own original work, analyze files you are allowed to modify, or build independently created palettes. Do not treat a list of Hex values as permission to reproduce protected art.
SkinEditor.org is independent and is not affiliated with Roblox Corporation. The tool performs technical local analysis only; it cannot publish clothing, check ownership, predict moderation, or guarantee marketplace acceptance.
Local privacy and performance
The browser decodes the selected file and scans its pixels in memory. Very large images require more work than Classic Clothing templates, but no pixel data is transmitted to a server. Closing or refreshing the page clears the temporary source and results.
Keep a copy of the downloaded JSON if the palette matters, because there is no cloud history or account recovery. The original image is never modified by extraction.
Frequently asked questions
Why are two similar colors listed separately?
Their stored RGB or alpha values differ. This extractor counts exact values and does not merge nearby colors.
Can I copy a color?
Yes. Select a swatch to copy its Hex value, or copy/download the complete JSON list.
Does the percentage include transparent space?
Not when the ignore-transparent option is enabled. Disable it to include low-alpha pixels.
Is the image uploaded for analysis?
No. Decoding, counting, sorting, copying, and JSON generation occur locally in the browser.