The short answer
Why use Color Editor?
A photo with clashing colors can pull attention away from a page. Turning its hues toward the theme color ties it to the layout without redrawing anything or tinting the white space.
Type or pick your theme color in the Color field, which starts at #c81e4b. Only its hue is used: each pixel keeps its own saturation and lightness and takes on that hue. Amount, 0 to 100, blends the original with the edited version, with 50 an even mix and 100 a full swap. Lower values leave a hint of the original colors.
Neutral pixels have no saturation, so whites, blacks and grays stay exactly as they were. A screenshot keeps its white page and gray text while its colored buttons and photos move to your hue. Muted areas stay muted and vivid ones stay vivid. The download is a PNG, which keeps sharp text in screenshots crisp.
Color Changer also takes your color's saturation, so gray areas pick up the color too. Tint mixes your color into every pixel, whites included. Color Grading lets you use a different color for shadows and highlights. Duotone replaces all colors with two of yours. Palette Extractor can tell you which colors an image already has.
Where Color Editor fits
Blog headers
Pull a stock photo toward a blog's accent color.
Slide decks
Make photos from different sources look like one set in a deck.
App store images
Match screenshot backgrounds to an app's brand color.
Start to finish
How to use Color Editor
- 01Tap Choose image and pick the photo or screenshot.
- 02Type your theme color into Color and set Amount; 100 swaps the hues fully, lower values keep some of the original.
- 03Tap Apply changes, place the result next to your layout, then tap Download result.
What to expect from Color Editor
| Check | What it means here |
|---|---|
| Supported input | JPEG, PNG, WebP, GIF, BMP, SVG and browser-supported AVIF images |
| Main controls | Amount, color, tolerance, or channel, depending on the tool |
| Output | A PNG image with the adjustment applied |
| Working limit | 50 MB and 50 megapixels per image |
Color Editor tips
- White pages and gray text in screenshots stay neutral, so there is no need to crop them out.
- The PNG download keeps small text in screenshots crisp.
- Run Palette Extractor on your design to get the exact hex.
- Dull, low-saturation areas stay dull; use Color Changer to color them as well.
Color Editor FAQ
Something missing? Ask us.
Is Color Editor different from Tint?
Can I edit separate colors in the image?
Does Color Editor upload my file?
Is Color Editor free to use?
Why did Color Editor fail or look wrong?
Related tools
More in Color Tools.