我做了一个拼豆图纸生成器，把照片秒变图纸

「拼豆」的普及程度比很多人想象中更深——从儿童手工、亲子活动，到汉服配饰、桌游周边，这个圈子已经覆盖了相当广泛的用户群体。不过，市面上的在线工具至今体验欠佳：要么将显示色号这类基础功能锁在付费套餐里，要么只给出模糊的预览图，让用户自行估算所需的豆量。不少玩家为寻找现成图纸反复翻图库，效率并不理想。这些实际痛点，直接推动了当前这个工具的诞生。

它做了什么

上传一张照片，选择目标品牌色卡，约30秒后即可获得：

• 一张精确到色号的网格图纸，每个格点对应一颗具体颜色的豆子
• 购买所需的总豆数
• 按官方色号列出的各颜色用量明细
• 可一键复制为TSV格式的购物清单，方便发送给商家
• 支持导出PNG或PDF文件，打印后即可照着拼制

写一下三个细节，免得显得是包装出来的

1. 色彩匹配使用CIEDE2000，而非RGB距离

最基础的色彩匹配算法是计算RGB三个通道数值的欧氏距离，取最近的色号。这种方法在亮色区域表现尚可，但遇到暗部和肤色时常常出错——人眼看起来完全不相似，算法却认为“很接近”。

CIEDE2000是CIE国际色彩组织于2000年发布的感知色差公式，专业色彩管理软件的核心算法正是它。换用该公式后，人脸区域的色号匹配明显更合理，肤色过渡不会突然跳跃到过于突兀的色调。

工具提供了三档匹配精度可选：

• 快速模式：RGB欧氏距离，适用于预览
• 标准模式：CIE94公式
• 高质量模式：CIEDE2000公式

对于尺寸超过96×96像素的大图，系统会自动切换到Web Worker执行，不阻塞界面交互。

2. 自动识别背景，无需预先抠图

不少用户上传的是拼图照片或电商图片，主体搭配纯色背景。如果全图都参与颜色量化，大片白色背景会消耗数十颗白色豆子，造成浪费。

工具会从图片四条边的像素开始进行洪水填充（flood-fill），识别出连续且面积较大的边缘颜色，自动将其作为背景留空。透明PNG图片则直接读取alpha通道信息。多数情况下直接使用原图即可，无需事先进入Photoshop进行抠图处理。

3. 四个品牌的完整官方色卡

工具整合了Perler、Hama、Artkal、MARD四家厂商的官方色卡，合计约490种颜色。根据界面语言，系统会自动选择默认品牌：

• 中文界面预设为Artkal（国内购买最便捷）
• 日文界面预设为Hama
• 英文界面预设为Perler

如果拼制中途想更换品牌，只需重新选择色卡，整张图纸会以新品牌的色号重新匹配，无需重新上传原始图片。

为什么长成这样

整个站点采用“像素拼豆”风格：硬边框、solid offset阴影、像素字体（中日韩使用开源的Fusion Pixel 12，拉丁字体使用Press Start 2P）、以及网格底纹。圆豆本身保留圆形设计——从拼豆板上方观察时，豆子本身就是圆的，这个视觉特征不能妥协。

技术实现方面：

• Next.js 16（App Router）
• Cloudflare Workers（OpenNext部署）
• image-q（量化算法库）
• jsPDF（PDF导出）

整个站点采用静态部署，没有账号系统，也没有数据库。

这款工具完全免费，无需注册，也不限制使用次数。它从实际使用场景出发，在色彩匹配精度、背景自动化处理和多品牌兼容性方面做扎实了，对于手工爱好者来说，是个值得保存在手边的实用助手。