用途:从图片、网站、截图或设计稿中提取颜色,构建可直接用于设计系统的色板,并生成多种和谐配色与可访问性检查。
主要能力:
- 来源识别:图片文件(PNG、JPG、SVG)、网站 URL、截图、设计稿,或从已有色码出发。
- 提取:图片按像素数据分析主色,合并相近色并统计频率排序;网站则抓取并解析 CSS,识别品牌色、强调色、文字色与背景色。
- 聚类:用 K-means 提取 5–10 个主色,除非重要否则忽略近白与近黑色。
- 色板构建:主色板包含主色、2–3 个辅助色、1–2 个强调色、背景色与文字色;可扩展出浅色、深色、色调及 50–950 数值刻度。
- 和谐配色:生成互补、类似、三角、分裂互补、四角与单色方案。
- 可访问性:计算每对文字/背景的 WCAG 2.1 对比度,并针对红、绿、蓝三类色盲测试,给出不达标配对的替代建议。
- 导出:按需输出 CSS、Tailwind、SCSS、JSON、iOS、Android 片段。
使用方式:先确定来源类型,再提取颜色、聚类、构建色板、做和谐分析与对比度检查,最后按报告模板整理并导出所需格式。示例触发语包括“从这张截图提取颜色”“从该网站获取色板”“根据此图片生成配色”“用这些颜色创建 Tailwind 配置”“找出该 logo 的主色”“从这个十六进制码构建色板”。
限制:资料未提供具体安装命令、收费方式、支持平台及准确率等细节,暂未提供。使用时应自行核对导出结果与目标设计系统的一致性。