01 · 导入图片
▧
点击上传 / 拖入图片 / Ctrl + V 粘贴支持 PNG、JPG、WEBP、GIF（首帧）等浏览器可读取的图片
提示：复制截图后，在这个网页按 Ctrl + V。
02 · 自动提取配色
点击任意色块可复制 HEX 色值。算法提取主要颜色，可能会包含背景色；可通过下方模板预览实际搭配效果。
03 · 配色应用预览
GRAND OPENING
盛大开业惊喜好礼 · 限时放送FRESH EVERY DAY
精品果蔬新鲜生活 · 自然之选
SPECIAL EVENT
幸运抽奖券LUCKY DRAW04 · 文字定位与 Illustrator SVG
PaddleOCR 在本地浏览器识别文字及其坐标。点击「识别文字」，自动判断横排、竖排及旋转文字；在预览图中点击文字框可修改；导出时每一行都是独立的 SVG 文本对象。
请先导入原图；历史记录仅保存缩略图，不能恢复高精度 OCR 原图。
首次需要联网加载 PaddleOCR.js 和模型。识别在浏览器本地运行，不需要 API 密钥。
识别文字列表
尚未识别文字。
选中文字属性
位置和字号按原图像素计算。可以在预览中拖动选中文字框调整位置。字体统一为常见无衬线字体，不还原原字体及特效。竖排识别采用几何规则推断，可手动修正；竖排导出为逐字可编辑文字。
SVG 中文字为 <text>，不转曲。原图底图模式会把原始图片嵌入 SVG，原图旧文字仍在。导出时会依据识别框修正文字基线与宽度；不同字体字形仍可能有细微差异。某些浏览器直接双击本地 HTML 可能限制 OCR 模型加载；遇到这种情况建议使用本地 HTTP 服务打开。
05 · 最近 5 条历史记录
只保留最近 5 条配色数据和压缩缩略图，不保存原始大图。历史保存在当前浏览器中；使用本地 HTML 文件时，不同浏览器或文件位置的存储行为可能不同。建议定期导出备份。