Save as...
Export to Pastebin
png with new colorsAn error has occured.
Remove chain
Copy to clipboard
Export to Pastebin
Remove no tools?
Png color replacer options
From Color and To ColorColorWith this color.(To color.)
Similarity MatchPercentageMatch this % of similar colorsto the from color. For example,10% white will match whiteand a little bit of gray.
Preview MaskPreview From ColorPreview which pixels are matchedby the from color and similarityfilter.
Png color replacer toolWhat is a png color replacer?
This browser-based utility replaces any color in a PNG (Portable Network Graphics) picture with a new color. For example, you can quickly swap red with blue, or yellow with white. You can also match similar color tones. For example, you can match 10% green (such as sea green, jungle green, or forest green). Also, for your convenience, we've added the preview mask option. If enabled, it will show exactly which 'from' colors got matched. Easy and powerful!
In this example, we change the white color of a blank sheet of paper with the orange color. As the paper isn't perfectly white, we match 7% of similar white color tones to make sure the entire sheet gets replaced.
Required optionsThese options will be used automatically if you select this example.
ColorWith this color.(To color.)
PercentageMatch this % of similar colorsto the from color. For example,10% white will match whiteand a little bit of gray.
Preview From ColorPreview which pixels are matchedby the from color and similarityfilter.
This example recolors the left, pink, half of the background to a light green color. It can't match shadows well and to improve the result, you need to download the result, then replace the shadow colors one more time.
Required optionsThese options will be used automatically if you select this example.
ColorWith this color.(To color.)
PercentageMatch this % of similar colorsto the from color. For example,10% white will match whiteand a little bit of gray.
Preview From ColorPreview which pixels are matchedby the from color and similarityfilter.
Didn't find the tool you were looking for? Let us know what tool we are missing and we'll build it!
Quickly replace any color in a PNG file with transparency.
Quickly convert a PNG graphics file to a JPEG graphics file.
Quickly convert a JPEG graphics file to a PNG graphics file.
Quickly convert a PNG graphics file to a single-frame GIF.
Quickly convert a bitmap image file to a PNG picture.
Quickly replace transparency in a PNG file with a solid color.
Quickly convert a color PNG image to a grayscale PNG.
Change the playback speed of an animated PNG (APNG).
Reverse the order of frames in an animated PNG (APNG).
Randomly distort data in a PNG file to make a glitched PNG.
Find the most popular colors in a PNG and extract a color palette.
Convert between RGB, CMYK, HSV, and HSL color spaces.
Convert between 8-bit, 16-bit, 24-bit, and 32-bit PNG depths.
Make a PNG fit perfectly in an arbitrary size rectangle.
Find all textual information in a PNG image and extract it.
Create a two color black and white picture from a PNG.
Documentation
Quick usage
To use the quick default configuration you need an element from where to draw the image and canvas element with the id pixelitcanvas. Then load the pixelit.js script and apply it on an image.
Options
You can pass some options when creating the instance (you can alter them later using the api methods).
API
You can chain all methods together, beware that the order they are applied can change the final result.
Applying first the color palette and then the greyscale can give a slightlity different image.
.draw() draw to canvas from image source and resizes if max height or max width is reached
Color Pallet Converter
.hideFromImg() hides the from image element, is applied on object creation
.setDrawFrom(elem) elem to get the image to pixelate
.setDrawTo(elem) canvas elem to draw the image
.setFromImgSource(src) change the src from the image element
.setpalette(arr) sets the color palette to use, takes an array of rgb colors: [[int,int,int]], int from 0 to 255
.setMaxWidth(int) set canvas image maximum width, it can resize the output image, only used when .resizeImage() is applied
.setMaxHeight(int) set canvas image maximum height, it can resize the output image, max height overrides max width, only used when .resizeImage() is applied
.setScale(int) set pixelate scale [0...50]
Color Palette Conversion
.getpalette() returns array of current palette, can't be chained
.convertGrayscale() converts image to greyscale, apply only after .draw is called
.convertpalette() converts image with the defined color palette, apply only after .draw is called
.resizeImage() resizes the output image if bigger than the defined max Height or max Width
Online Color Converter
.pixelate() draws a pixelated version of the from image to the to canvas, , apply only after .draw is called
Image Color Palette Converter
.saveImage() saves/downloads current image