「拼豆」的流行程度远超许多人想象——从儿童手工、亲子互动，到汉服配饰、桌游周边，这一爱好已覆盖极为广泛的用户群体。然而，目前市面上的在线工具体验普遍欠佳：有的将色号显示等基础功能锁在付费套餐内，有的只提供模糊的预览图，让用户自行估算所需豆量。不少玩家为了找到现成图纸不得不反复翻阅图库，效率很低。这些真实痛点，直接催生了本工具的诞生。
这款工具的核心功能
只需上传一张照片，选择目标品牌色卡，约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导出）
整个站点采用静态部署，没有账号系统，也没有数据库。
这款工具完全免费，无需注册，也不限制使用次数。它从实际使用场景出发，在色彩匹配精度、背景自动化处理和多品牌兼容性方面做扎实了，对于手工爱好者来说，是个值得保存在手边的实用助手。
