AX 爱鲜报

综合 / 前端 · 2026-10-09 08:56 · 3 阅读 · 0 赞

开源拼豆底稿生成器:任意图片一键转拼豆图纸

perler-beads 是一个开源工具,上传图片即可生成拼豆底稿,支持智能像素化、多品牌色号匹配、去背景、手动改色,并能导出带色号标注的图纸和采购清单。

上传图片就能生成拼豆底稿,支持调色、去背景、手动改色,还能导出带色号标注的图纸和采购清单。

  • Github 地址:https://github.com/Zippland/perler-beads
  • 在线体验:https://perlerbeads.zippland.com/

功能特性

  • 智能像素化:不是简单取平均色,而是抓每个区域的主色调,避免边界发灰
  • 多品牌色号:内置 MARD、COCO、漫漫、盼盼、咪小窝 5 家色板,168/144/96 色规格都有
  • 杂色清理:自动把相近颜色合并成块,图纸更干净
  • 去背景:自动识别并去掉外圈背景,只保留主体
  • 颜色调整:排除不想要的颜色,自动找最接近的替代色
  • 手动精修:单个格子点改,不满意就调
  • 导出图纸:PNG 格式,带网格线和色号,直接打印照着做
  • 采购清单:自动统计每种颜色要多少颗,生成清单图

怎么用

线上直接用:访问 perlerbeads.zippland.com

本地跑:

git clone https://github.com/Zippland/perler-beads.git
cd perler-beads
npm install
npm run dev

然后浏览器开 localhost:3000。

手机竖屏适合快速出图,电脑横屏适合精细调整。技术栈是 Next.js + TypeScript + Tailwind,图像处理纯前端 Canvas 完成,部署在 Vercel 上。

标签 开源 TypeScript Next.js Canvas 图像处理

评论

登录后才可评论

0 条评论

  • 暂无评论,来写第一条吧。