When this tool is useful
Recoloring flat logos, icons, interface assets, diagrams, and product accents whose intended color range is visually distinct from surrounding content.
How local processing works
The browser compares decoded RGB pixels with the selected source color, derives a bounded blend weight from tolerance and feathering, optionally carries luminance and source alpha, composites the target color, and writes PNG.
How to use it
- Prepare and preserve the source: Keep an unchanged source, choose one supported static image, and start with conservative settings. Recoloring flat logos, icons, interface assets, diagrams, and product accents whose intended color range is visually distinct from surrounding content.
- Run the bounded local operation: Process the decoded pixels in this browser; stop and adjust instead of accepting an ambiguous result. The browser compares decoded RGB pixels with the selected source color, derives a bounded blend weight from tolerance and feathering, optionally carries luminance and source alpha, composites the target color, and writes PNG.
- Inspect the flattened result: Compare the result beside the source at 100%, inspect antialiased edges, gradients, shadows, and unrelated objects with similar colors, test transparency on contrasting backgrounds, and confirm the exact output dimensions.
Important limitations
Color distance is an RGB approximation rather than a color-managed perceptual edit. Compression noise, gradients, antialiasing, reflections, skin tones, and overlapping colors can produce partial or unintended replacements; profiles and metadata are not preserved.
Verify the downloaded result
Compare the result beside the source at 100%, inspect antialiased edges, gradients, shadows, and unrelated objects with similar colors, test transparency on contrasting backgrounds, and confirm the exact output dimensions.
Private by design
Your files stay in this browser. The tool does not upload the source or output to our servers.
Questions and answers
When is this tool useful?
Recoloring flat logos, icons, interface assets, diagrams, and product accents whose intended color range is visually distinct from surrounding content.
What does the local operation do?
The browser compares decoded RGB pixels with the selected source color, derives a bounded blend weight from tolerance and feathering, optionally carries luminance and source alpha, composites the target color, and writes PNG.
Which limitations matter?
Color distance is an RGB approximation rather than a color-managed perceptual edit. Compression noise, gradients, antialiasing, reflections, skin tones, and overlapping colors can produce partial or unintended replacements; profiles and metadata are not preserved.
How should I verify the result?
Compare the result beside the source at 100%, inspect antialiased edges, gradients, shadows, and unrelated objects with similar colors, test transparency on contrasting backgrounds, and confirm the exact output dimensions.