EasyLottie
Figma to LottieNEWVideo to LottiePreview
Image Replace
Swap embedded images, logos and screenshots in a Lottie.
Color Changer
Detect and recolor every color in a Lottie animation.
SVG Color Changer
Recolor any SVG (incl. animated Figma exports) with a live preview.
Lottie to GIF
Export a Lottie animation as an animated GIF.
Help
Try free→
检测并替换 Lottie 动画颜色的四步流程图

Lottie 颜色编辑器 — 在线修改动画颜色

上传 Lottie JSON 或 ZIP,自动检测颜色,可视化替换并导出改色后的动画。免费、快速,所有处理都在浏览器本地完成。

开始编辑颜色
颜色修改工具

智能检测并修改Lottie动画中的颜色,支持实时预览

📁 选择或拖拽Lottie文件

支持 .json、.zip、.apk 格式

使用提示
• 支持多种格式:JSON文件、ZIP压缩包、APK文件
• 自动处理压缩包中的图片资源绑定
• 支持直接输入十六进制颜色代码 (如: #FF0000)
• 使用颜色选择器可以更直观地选择颜色
• 修改后请记得导出文件保存更改

正在解析文件...

🎬 动画预览

🎨 检测到的颜色 0

⚙️ 操作控制

使用步骤

  1. 1

    上传动画

    拖入 JSON 或 ZIP Lottie 文件。

  2. 2

    检测颜色值

    EasyLottie 会扫描填充、描边和常见渐变色值。

  3. 3

    选择替换颜色

    使用颜色选择器或 hex 输入框建立颜色映射。

  4. 4

    预览变化

    在浏览器中实时查看改色后的动画。

  5. 5

    导出编辑文件

    下载改色后的 JSON 或完整包。

为什么使用这个工具

当你需要品牌色、深色模式、节日活动或客户定制版本时,可以不用重做动画,直接生成 Lottie 颜色变体。

将加载动画和引导动画匹配品牌色

创建深色模式动画版本

为产品 UI 改色素材库 Lottie

准备节日活动版本

在交付开发前测试不同配色

常见问题

可以编辑 Lottie JSON 中的颜色吗?+

可以。EasyLottie 会检测 JSON 中的颜色值,并支持可视化替换。

支持渐变吗?+

支持常见渐变色 stop,也支持实色填充和描边。

图片素材会被改色吗?+

不会。栅格图片不会被 Color Changer 改色,如需替换图片请使用 Image Replace。

文件会上传到服务器吗?+

不会。文件在浏览器本地读取和编辑。

可以撤销颜色修改吗?+

可以。现有工具支持撤销和重置。

支持哪些格式?+

支持 Lottie JSON,以及包含 Lottie JSON 和引用图片资源的 ZIP 包。

相关工具

SVG Color Changer

Recolor an animated SVG (e.g. a Figma export) with live preview.

打开工具 →

Image Replace

Swap screenshots, logos, and embedded image assets.

打开工具 →

Lottie Preview

Play, inspect, and test Lottie files online.

打开工具 →

MP4 to Lottie

Convert video to Lottie with green screen removal.

打开工具 →
EasyLottie

Edit Lottie animations online — change colors, replace images, adjust speed. All in your browser. Nothing uploaded. Nothing tracked beyond aggregate analytics.

Tools
  • Image Replace
  • Color Changer
  • Preview
  • Lottie to GIF
  • Video to Lottie
Resources
  • Help & FAQ
  • Guides
  • Sitemap
  • Privacy
© 2026 EasyLottie · All files processed locally in your browser.
v2.0.7

EasyLottie is an independent, free tool and is not affiliated with, endorsed by, or sponsored by Figma, Lottie, LottieFiles, Adobe After Effects, or any other company. Product names, logos, and trademarks referenced are the property of their respective owners and are used only to describe compatibility. No files are uploaded — all conversion runs locally in your browser.