Image Editing

Color Changer

Replace any color in an image, recolor objects, or apply color splash effects.

Drop image(s) to recolor

JPEG, PNG, WebP, HEIC — single = preview, multiple = batch

☕ Love this tool? Support the developer.

100% free — no ads, no limits. Your support keeps every tool free.

$

Secure payment via Stripe · No account needed

About Color Changer

OptiPix Color Changer lets you recolor specific objects or regions of an image by clicking a source color. The click-to-select tool picks any pixel as the source, the tolerance slider controls how similar a pixel must be to be included, and the target color picker sets the replacement. Replacement modes include hue shift (default — preserves luminance for natural-looking recolors like changing a red car to blue), solid replace (flat color), and tint blending. The HSL panel offers per-channel adjustments across 8 color ranges (red, orange, yellow, green, aqua, blue, purple, magenta) for surgical color edits like bluer skies without touching anything else. Color splash desaturates everything except a chosen color for a dramatic single-color-on-black-and-white effect. Full-image transformations include invert, grayscale, sepia, duotone, posterize, and temperature shift. Before/after comparison slider, batch processing, and HEIC input are all supported. Everything runs locally with HTML Canvas pixel operations — your photos never leave your device.

How It Works

The tool reads pixels from the source image via getImageData, finds matching pixels by computing color distance in HSL space within the tolerance, and rewrites their hue/saturation/luminance to the target color. Splash mode does the opposite — desaturates non-matching pixels.

Use Cases

  • Change a car color in a product photo without reshooting
  • Recolor a shirt or dress in a fashion photo
  • Change hair color in a portrait
  • Make sky bluer without affecting other colors
  • Apply a color splash effect for dramatic photo art

Frequently Asked Questions

How does click-to-select work?
Click any pixel on your image. That color becomes the source. The tolerance slider controls how similar a pixel must be to be included in the selection. A magnifier loupe shows the exact pixel color you're hovering over.
Can I change hair color in a photo?
Yes. Click on the hair, set the tolerance, and pick the new color. Hue shift mode preserves the natural light/dark variation for realistic results.
What's the color splash effect?
It desaturates everything except the color you select, leaving one vivid color on a black-and-white background — a classic dramatic photo effect.
What is HSL mode?
HSL mode lets you adjust hue, saturation, and luminance for 8 color ranges independently (Red, Orange, Yellow, Green, Aqua, Blue, Purple, Magenta) — like the Lightroom HSL panel. Useful for making just the sky bluer without changing other colors.
Can I undo my changes?
Yes. The full undo/redo history is supported — press Cmd/Ctrl+Z to undo, Cmd/Ctrl+Shift+Z to redo, or use the buttons.
Are my photos uploaded?
No. All recoloring happens in your browser via HTML Canvas pixel manipulation.
Can I process multiple images at once?
Yes. Drop multiple files and apply the same color transform to all, exported as a ZIP.
Are there other color effects?
Yes — invert, grayscale, sepia, posterize, duotone, and warm/cool temperature shifts.

Related Tools

All 102 Tools

Image CompressorBackground RemoverVideo CompressorImage UpscalerOCR Text ExtractorFormat ConverterImage ResizerEXIF RemoverFace BlurDepth EstimationQR Code GeneratorWatermark MakerColor Palette ExtractorPhoto FiltersImage to PDFObject DetectionImage ClassifierImage CaptionerAI Image GeneratorMeme GeneratorGIF MakerPhoto Collage MakerImage CropPhoto EffectsImage to SVGColor ChangerNoise RemoverPhoto RestorationColor PickerFavicon GeneratorImage to Base64Image Metadata ViewerImage AnnotatorPassport Photo MakerDocument ScannerASCII Art GeneratorImage ComparisonSprite Sheet GeneratorObject RemoverPanorama MakerWord CounterCase ConverterLorem Ipsum GeneratorUUID GeneratorUnix Timestamp ConverterText DiffURL Encoder / DecoderHTML Entity Encoder / DecoderBase64 Text Encoder / DecoderText to Binary / Hex / OctalHash GeneratorJSON Formatter / ValidatorRandom String GeneratorCSV ↔ JSON ConverterMarkdown EditorUnit ConverterPercentage CalculatorBMI CalculatorAge CalculatorTip CalculatorCSS Gradient GeneratorCSS Box Shadow GeneratorCSS Border Radius GeneratorGlassmorphism GeneratorNeumorphism GeneratorCSS Text Shadow GeneratorFlexbox PlaygroundCSS Grid GeneratorAudio TrimmerAudio ConverterAudio MergerAudio RecorderVideo to Audio ExtractorAudio Speed ChangerAudio Volume BoosterRingtone MakerVocal RemoverText to SpeechSpeech to TextAudio Noise RemoverAudio EqualizerAudio EffectsVideo TrimmerVideo MergerVideo ResizerVideo Speed ChangerVideo RotatorVideo to MP4 ConverterAdd Music to VideoMute VideoVideo LooperReverse VideoVideo ScreenshotAdd Subtitles to VideoVideo WatermarkScreen RecorderWebcam RecorderSlideshow MakerVideo FiltersCron Expression BuilderRegex TesterUnix Timestamp Converter