UI Animation Studio logoUI Animation Studiouianimation.com

Live tool

Lottie Color Replacer

Upload or paste Lottie JSON, detect color values, replace one color, and download a recolored animation file.

Input

Lottie JSON

Paste or upload a Lottie JSON file.

Colors

Replace selected color

Tool guide

How to replace colors inside a Lottie file

Use the color replacer when an existing Lottie animation needs a brand update, dark-mode version, seasonal treatment, or quick theme adjustment without reopening the original After Effects or design file.

Steps Recommended workflow
  • Upload or paste the Lottie JSON.
  • Review the detected color values before choosing replacements.
  • Replace only the colors that belong to the intended brand or theme change.
  • Preview the result against light and dark backgrounds before downloading the updated JSON.
Limits What to check before publishing

Color replacement works best when colors are stored plainly in the JSON. Some animations use images, effects, gradients, or nested structures that need manual design work instead of a simple color swap.

Can I create dark-mode variants?

Yes, when the source colors are detectable and the animation does not rely on raster images for key visual areas.

Should I overwrite the original file?

No. Keep the original JSON and save the changed version with a clear file name.