示色 / Color Studio图片配色 · OCR 文字识别 · Illustrator SVG
● 浏览器本地处理STUDIO 6.1

01 · 导入图片

+
拖入图片,或点击上传支持 Ctrl+V 粘贴截图 · PNG / JPG / WEBP
支持 Ctrl + V 直接粘贴截图,所有图像分析在浏览器中完成。
✦ 文字识别与可编辑 SVG
上传后自动识别整张图片 · 点击文字框即可编辑 · 支持独立 SVG 文字对象
正在识别整张图片请稍候,正在准备文字识别模型…
+松开鼠标,导入图片支持 PNG、JPG、WEBP · 自动识别整张图片

请先导入原图;历史记录可恢复原图、配色及已编辑的文字;旧版记录可能仅含缩略图。

上传图片后自动识别整张图片;首次使用 OCR 需下载免费模型。
识别文字列表

尚未识别文字。

选中文字属性

位置和字号按原图像素计算。可以在预览中拖动选中文字框调整位置。旋转以 OCR 检测框中心为锚点,自动缩放到检测框;手动可选择顺时针/逆时针。字体统一为常见无衬线字体,不还原原字体及特效。竖排识别采用几何规则推断,可手动修正;竖排导出为逐字可编辑文字。

SVG 实时预览(点击展开)默认收起 · 与导出使用同一份 SVG

识别文字后将在这里预览导出效果。

使用说明与导出注意事项

使用免费 PaddleOCR 在浏览器本地识别文字与位置。点击「识别文字」,自动判断横排、竖排及旋转文字;在预览图中点击文字框可修改;导出时每一行都是独立的 SVG 文本对象。

SVG 中文字为 <text>,不转曲。原图底图模式会把原始图片嵌入 SVG,原图旧文字仍在。导出时会依据识别框修正文字基线与宽度;不同字体字形仍可能有细微差异。某些浏览器直接双击本地 HTML 可能限制 OCR 模型加载;遇到这种情况建议使用本地 HTTP 服务打开。

最近使用

最近 5 条记录会尝试在浏览器 IndexedDB 中保存原图、配色和 OCR 编辑结果,点击「恢复项目」即可继续识别或编辑。旧版本历史仅有缩略图,无法恢复不存在的原图。不同浏览器、网站地址或清除站点数据后可能无法读取;请定期导出完整项目备份。

智能提取配色

点击任意色块可复制 HEX 色值。算法提取主要颜色,可能会包含背景色;可通过下方模板预览实际搭配效果。

设计场景预览

GRAND OPENING
盛大开业惊喜好礼 · 限时放送
促销海报 · 主色 / 强调色 / 文字色
FRESH EVERY DAY
精品果蔬
新鲜生活 · 自然之选
商品标签 · 背景 / 边框 / 文字
SPECIAL EVENT
幸运抽奖券LUCKY DRAW
活动卡片 · 主色 / 装饰 / 文字