Moss Beads

用真实品牌色号设计拼豆图纸

用品牌色号色板创作拼豆(Perler / 熨斗豆 / 拼拼豆豆)图纸,把照片转成拼豆图案,跟踪拼装进度,并导出材料清单和可打印图纸。

完全免费无需注册浏览器内运行
Moss Beads — heart.beads

29×29 pegboard · 3 colors

32 beads
3 colors
BOM · CSV
H2R1R5F8G4B1PNG · Sheet

Moss Beads 能做什么

  • 真实品牌色号 —— 可在 MARD / Perler / Hama / Artkal 色卡之间切换,整张图纸按 CIEDE2000 色差择优换到另一个品牌。

  • 照片转图纸工作台 —— 先裁剪取景,调亮度 / 对比度 / 饱和度,把颜色数压到真拼得完的量级,再和原图并排对比效果。

  • 豆子库存与采购清单 —— 勾出你手上已有的色号,一眼看到这张图今天能开工多少、每个色号还差几颗、要买几包。

  • 能真正拿上手拼的打印 —— 按 1:1 实物尺寸(5mm 豆)自动切成多页 A4/Letter,页边带裁切标记;黑白打印机可切符号模式,并附图例页。

规格与限制

下面是这个工具真实的运行数字,直接来自实现,不是宣传口径——如果一条限制写在这里,那就是你一定会碰到的限制。

色卡
四套真实产品色卡:MARD 291 色、Perler 117 色、Artkal 176 色、Hama 92 色,合计 676 色,每一个都带着你下单时要报的货号。
跨品牌换算
把图纸里每个颜色都匹配到另一个品牌最接近的货号,按 CIEDE2000 色差排序。ΔE 低于 3 基本看不出区别,超过 10 会在换算前给出警告。
底板与画布
8 x 8 到 64 x 64 颗。标准底板 29 x 29 即 841 颗,所以 58 x 58 的图要用 4 块板,最大画布要用 9 块。
照片转图纸
6 种量化算法(块平均、中心像素、主色、Bayer 抖动、点聚抖动、Floyd-Steinberg),配合裁剪、亮度、对比度、饱和度和「结果最多用几色」的上限。
打印
1:1 实物尺寸。5mm 豆时一张 A4 放得下 37 x 50 颗;若按整块底板对齐分页则每页 29 x 29 颗。支持 A4 与 Letter,豆径可选 3、4、5mm。
黑白打印
符号模式用 28 个不同符号代替颜色,黑白打印机也能打出可以照着拼的图纸。
采购清单
每个色号都要计数、与你填入的库存对照,并换算成每包 500 颗的包数,逐色显示缺口。
拼装
可以逐颗标记已拼,也可以在图上拖一个矩形批量标记,进度保存在工程里。
文件进出
导出:效果 PNG、图纸长图 PNG、可直接打印的页面、豆子清单 CSV、采购清单 CSV、工程 JSON。导入:工程 JSON 与待转换的图片。
运行位置
完全在你的浏览器里,包括你导入的照片,从不上传。编辑器有手机版布局:双指捏合缩放,工具、色板和材料清单收进底部抽屉。

一个作品的实际流程

  1. 先选色板和底板

    挑一套品牌色卡——里面每个色号都是能真的下单买到的货号——再选画布尺寸,从单块 29 x 29 底板一直到需要 9 块板的 64 x 64。

  2. 自己画,或者把照片转过来

    一颗一颗放豆,或者把照片丢进导入工作台:裁出你要的那部分、调亮度和对比度,然后把颜色数压到真拼得完的量级。

  3. 对着手上的豆子检查一遍

    勾出你手上有哪些颜色,图纸就只用这些颜色来量化,所以生成出来的就是今天能开工的。材料清单会接着告诉你还缺什么、一共要买几包。

  4. 打印出来开始拼

    按 1:1 打印,把真实底板铺在纸上对着色号放豆;或者把平板放在旁边,在图纸上拖拽区域,放一颗勾一颗。

开工前值得知道的坑

这一节全部来自真实行为,不是功能清单。提前知道能省掉一整个下午。

  • 按货号买,不要按颜色买。应用里的色值只是实体豆子在屏幕上的近似,所以能让你买到想要那颗豆的是 MARD A1、Perler P200 或 Hama H98 这样的货号,屏幕色块只是参考,不是规格。

  • 颜色数上限是导入器里最有用的一个控件。拿照片去套 291 色的色卡,它会很乐意给你四十种颜色和一张没人拼得完的图;把上限压到 15~25 色,画面还认得出来,购物清单也短得多。

  • 打印要选 100% 比例。浏览器会悄悄缩放页面去适应纸张,按 95% 打出来 5mm 的豆会变成 4.75mm,真实底板就对不上了。先打一张测试页量十颗豆:跨度应该是 50mm。

  • 分页可以按整块底板对齐,每页 29 x 29 颗,这样一页正好对着一块板,页边也能告诉你板的分界在哪。关掉对齐的话一张纸能放 37 x 50 颗,省纸,但边界得自己数。

常见问题

什么是 Moss Beads?
Moss Beads 是一个完全在浏览器中运行的拼豆图纸编辑器(Perler / 熨斗豆 / 拼拼豆豆)。你可以逐颗放豆绘制图案、插入文字,或把任意照片转换成拼豆图案,然后跟踪拼装进度、按材料清单采购。
可以把照片转成拼豆图案吗?
可以。导入任意图片后,Moss Beads 会用平均色、Bayer 有序抖动或 Floyd-Steinberg 误差扩散算法把图片量化到当前色板,提交前可实时预览并锁定纵横比。
怎么知道要买哪些豆子?
材料面板(BOM)会实时按色号统计每颗豆子的用量。再打开「我的豆子库存」勾出你手上已有的色号,面板就会算出覆盖率、每个色号还差几颗、按每包 500 颗要买几包,并可导出带库存列的采购清单 CSV,照着单子出门买就行。
支持导出哪些格式?
可以导出真实效果 PNG 渲染图、带网格线与色号的图纸长图、CSV 材料清单、含缺口的采购清单,以及整个工程的 JSON。要落到纸上就用打印视图:按 1:1 实物尺寸(5mm 豆)自动切成多页 A4,页边带裁切标记,可以直接把真实底板铺在纸上一颗颗放豆;黑白打印机可以切到符号模式,用符号代替颜色。
我的图纸保存在哪里?隐私吗?
所有内容都保存在浏览器本地的 IndexedDB 中 —— 不会上传到任何服务器。你的拼豆图纸保持私密,并且可以完全离线使用。
图纸是按 Perler 色号做的,但我只能买到 Hama(或 MARD),怎么办?
打开「跨品牌色号对照」:它会把图纸里用到的每个色号,逐一列出目标品牌里最接近的货号,并给出 CIEDE2000 色差(ΔE)——ΔE ≤ 3 基本看不出差别,超过 10 就要考虑换个设计。可以复制成 CSV 拿着采购,也可以一键把整张图纸换成目标品牌(和普通编辑一样可撤销),偏差过大时会明确提醒。
1:1 打印真的准到可以照拼吗?
图纸是按毫米画的,只要打印机设成 100% 而不是「适应纸张」,纸上一颗豆就是 5mm。打一页量十颗豆:50mm 就没问题,不是 50mm 说明打印对话框在缩放页面。
手机上能用吗?
可以。编辑器有手机版布局:双指捏合缩放,单指放豆和移除,工具、色板和材料清单从三栏固定宽度改成底部抽屉。
颜色数上限到底对图纸做了什么?
它保留图纸里用量最大的那些色号,其余每一颗都按色差映射到保留下来的最接近的颜色。它不会发明新颜色,所以图纸上印出的每个色号都能买到,同时会告诉你有多少种颜色被合并掉了。

三个应用,同一个原则:全部在你的浏览器里运行,不需要账号,不上传任何东西。

准备好设计你自己的拼豆图纸了吗?

打开编辑器开始拼豆 —— 无需下载,无需注册,完全免费。