EasyLottie
预览颜色编辑视频转 Lottie

编辑 Lottie

图片替换替换 Lottie 中的内嵌图片、Logo、截图。SVG 改色给任意 SVG(含 Figma 动画导出)改色,实时预览。

转换与导出

Figma 转 Lottie把 Figma 动画导出文件转换为 Lottie。Lottie 转 GIF把 Lottie 动画导出为 GIF 动图。Lottie 压缩在浏览器中安全减小 Lottie JSON 文件体积。

资源

帮助使用指南、常见问题与 Lottie 疑难解答。

全部工具免费 · 100% 浏览器本地处理

我的项目

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

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

颜色修改工具

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

选择或拖拽Lottie文件

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

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

正在解析文件...

🎬 动画预览

🎨 检测到的颜色 0

⚙️ 操作控制

自动检测颜色实时预览支持 JSON / ZIP无需上传

不用手改 JSON,也能快速替换 Lottie 颜色

上传动画后,EasyLottie 会检测可编辑颜色;你可以把原颜色映射到新颜色,实时预览后导出改色文件。

检测并替换 Lottie 动画颜色的四步流程图

使用步骤

  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

在线编辑 Lottie 动画 — 修改颜色、替换图片、调整速度。全部在浏览器中完成。不上传任何文件。除聚合分析外不追踪任何数据。

工具
  • 图片替换
  • 颜色编辑
  • 预览
  • Lottie 转 GIF
  • Lottie 压缩
  • 视频转 Lottie
资源
  • 帮助与常见问题
  • Guides
  • 站点地图
  • 隐私政策
© 2026 EasyLottie · 所有文件均在你的浏览器中本地处理。

EasyLottie 是独立的免费工具,与 Figma、Lottie、LottieFiles、Adobe After Effects 等任何公司均无关联,亦未获其背书或赞助。文中涉及的产品名称、标识与商标归各自所有者所有,仅用于描述兼容性。所有转换均在你的浏览器本地完成,不上传任何文件。