Color Palette Converter

broken image


World's simplest online Portable Network Graphics color changer. Just import your PNG image in the editor on the left, select which colors to change, and you will instantly get a new PNG with the new colors on the right. Free, quick, and very powerful. Import a PNG – replace colors. Created with love by team Browserling.

Color math and programming code examples. These are the formulas used by our Color Calculator to convert color data in different color spaces. Each conversion formula is written as a 'neutral programming function', easy to be translate in any specific programming language. With Canva's color palette generator, you can create color combinations in seconds. Simply upload a photo, and we'll use the hues in the photo to create your palette. Upload an image Try demo image.

We just created Online GIF Tools with dozens of utilities for editing GIFs. Check it out!
A link to this tool, including input, options and all chained tools.
png
Click here to select an image from your device, press Ctrl+V to use an image from your clipboard, drag and drop a file from desktop, or load an image from any example below.
Your file is being imported...
Palette
Color palette converter code
Save as...
Export to Pastebin
png with new colors
Converter
An error has occured.
Remove chain
Copy to clipboard
Export to Pastebin
Remove no tools?
Png color replacer optionsFrom Color and To Color
ColorWith this color.(To color.)
Similarity Match
PercentageMatch this % of similar colorsto the from color. For example,10% white will match whiteand a little bit of gray.
Color
Preview Mask
Preview 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 options
These 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 options
Color palette converter paint
Save as...
Export to Pastebin
png with new colors
An error has occured.
Remove chain
Copy to clipboard
Export to Pastebin
Remove no tools?
Png color replacer optionsFrom Color and To Color
ColorWith this color.(To color.)
Similarity Match
PercentageMatch this % of similar colorsto the from color. For example,10% white will match whiteand a little bit of gray.
Preview Mask
Preview 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 options
These 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 options
These 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





broken image