Browser-based Lottie recoloring
Lottie Color Editor — Change Animation Colors Online
Upload a Lottie JSON or ZIP, detect colors automatically, replace them visually, and export a recolored animation. Free, fast, and processed locally in your browser.
- Auto-detect colors
- Live preview
- JSON / ZIP support
- No upload required
Browser-based Lottie recoloring
Edit Lottie colors with live preview
The Color Swap tool below preserves the current upload, detection, color replacement, undo, reset, preview, and export logic while presenting it inside a cleaner professional page.
颜色修改工具
智能检测并修改Lottie动画中的颜色，支持实时预览
📁 选择或拖拽Lottie文件
支持 .json、.zip 格式
使用提示
• 支持多种格式：JSON文件、ZIP压缩包
• 自动处理压缩包中的图片资源绑定
• 支持直接输入十六进制颜色代码 (如: #FF0000)
• 使用颜色选择器可以更直观地选择颜色
• 修改后请记得导出文件保存更改
• 自动处理压缩包中的图片资源绑定
• 支持直接输入十六进制颜色代码 (如: #FF0000)
• 使用颜色选择器可以更直观地选择颜色
• 修改后请记得导出文件保存更改
Visual color token editor
Recolor a Lottie animation without touching JSON by hand
Upload the animation, let EasyLottie detect editable colors, map old colors to new ones with live preview, then export the recolored file.
Upload animation
Drop a JSON or ZIP Lottie file into the editor.
Detect color values
EasyLottie scans fills, strokes, and gradient stops where supported.
Pick replacement colors
Use the picker or hex fields to map original colors to new values.
Preview changes
Watch the recolored animation update in the browser.
Why use this tool
Use Color Swap when you need a brand-matched, dark-mode, seasonal, or client-specific Lottie variant without recreating the animation.
Create dark mode animation variants
Recolor marketplace Lottie files for product UI
Prepare seasonal campaign versions
Test alternate palettes before handing animations to developers
How it works
- 1
Upload animation
Drop a JSON or ZIP Lottie file into the editor.
- 2
Detect color values
EasyLottie scans fills, strokes, and gradient stops where supported.
- 3
Pick replacement colors
Use the picker or hex fields to map original colors to new values.
- 4
Preview changes
Watch the recolored animation update in the browser.
- 5
Export edited file
Download the recolored JSON or package for production use.
Frequently asked questions
Can I edit colors in a Lottie JSON?
Yes. EasyLottie detects color values in the JSON and lets you replace them visually.
Does it support gradients?
Yes. The tool detects common gradient stop values as well as solid fills and strokes.
Will image assets be recolored?
No. Raster image assets are not recolored by the color editor. Use Image Replace if you need to swap image content.
Are files uploaded to a server?
No. The file is read and edited locally in your browser.
Can I undo color changes?
Yes. The existing tool supports undo and reset controls so you can test color changes safely.
What formats are supported?
The tool supports Lottie JSON files and ZIP packages that include Lottie JSON plus referenced image assets.