技能介绍

拼豆图纸为什么容易「对不上色」

MARD 拼豆有固定的官方色号体系（如 A1、H7），图纸、截图和打印件之间还会出现 RGB 漂移。手工对照色卡或凭感觉改色，很难系统发现「用了非官方码」或「某格已经偏出调色板」。做用色清单时，也需要一份可机读、可导入表格的完整映射，而不是零散截图。

技能能做什么

本技能围绕 291 种 MARD 官方色（15 个色系，标识符 ↔ #HEX 完整映射）提供数据与前端工具，数据口径来自 MARD 官方色表（2026 Revised Edition）。

查色与导出：从 assets/mard-bead-colors.json 按 id 查 hex 与 series_name；需要给人看时用 mard-bead-colors.html 色卡，需要表格时用 CSV/TXT。
四模式校验页（mard-bead-verifier.html，纯前端、可离线）：

- 标识符校验：粘贴图纸里的色号列表，无效码会标出，有效码显示真实色块。
- 图纸采样比对：上传图案图，设行列网格与容差；逐格取中心像素，用 RGB 欧氏距离 匹配最近官方色，给出匹配率与异常格明细。
- 颜色量化预览：模拟「整图 → 拼豆调色板」，预览效果并输出按用量排序的用色清单。
- 图片转像素风：可调块大小，可选「限制为 MARD 官方色」，并排对比原图与结果，限制调色板时可导出可直接当拼豆图的 PNG。

匹配算法将容差 0–100 映射到距离 0–442；官方色区分度较高时，欧氏距离通常够用。

适用边界与注意点

校验 HTML 内联了色表数据，不需要后端；在浏览器中打开对应 assets/ 文件即可。
屏幕截图校验建议容差约 30；打印或拍照图纸建议 40–50，以吸收拍摄/印刷色差。
若用 Canvas 生成预览图，应通过 toDataURL() 导出位图，不要用 outerHTML/innerHTML 序列化 Canvas（像素在 GPU 内存中会丢失）。
需要更高感知准确度时，可自行升级为 CIEDE2000；本技能默认实现以保持简单可预期。