SuperAPI AI 工具集

color-palette-extractor

前端与建站

查看项目

更新于 10-16 09:47

技能介绍

用途:从图片、网站、截图或设计稿中提取颜色,构建可直接用于设计系统的色板,并生成多种和谐配色与可访问性检查。

主要能力:

  • 来源识别:图片文件(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 的主色”“从这个十六进制码构建色板”。

限制:资料未提供具体安装命令、收费方式、支持平台及准确率等细节,暂未提供。使用时应自行核对导出结果与目标设计系统的一致性。