AI 调色板提取器

目标

• 使用 k-means 聚类或 API 从上传的图片中提取主色调
• 显示包含 HEX、RGB 和 HSL 值的色块
• 生成互补色、类似色和三角色的调色板建议
• 允许用户一键复制单个颜色值
• 将调色板导出为 CSS 变量、Tailwind 配置或 Figma 兼容的 JSON

提示

• Canvas API 的 getImageData 方法可以访问单个像素颜色
• 使用 k-means 聚类算法将相似颜色分组为调色板
• colord 或 chroma.js 等库使颜色空间转换变得简单

资源

• developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/getImageData
• gka.github.io/chroma.js

评论 (0)