·color-palette-extractor
</>

color-palette-extractor

gked2121/claude-skills

从图像、网站或设计中提取调色板。识别主色、生成互补方案并以多种格式导出(HEX、RGB、HSL、Tailwind、CSS 变量)。当用户需要图像、品牌颜色或设计系统调色板中的配色方案时使用。

3安装·0热度·@gked2121

安装

$npx skills add https://github.com/gked2121/claude-skills --skill color-palette-extractor

SKILL.md

Extract and generate color palettes from images, websites, and designs.

When a user needs to extract colors from a source:

:root { --color-primary: #3B82F6; --color-secondary: #8B5CF6; --color-background: #F8FAFC; --color-text: #1E293B; --color-accent: #10B981; }

从图像、网站或设计中提取调色板。识别主色、生成互补方案并以多种格式导出(HEX、RGB、HSL、Tailwind、CSS 变量)。当用户需要图像、品牌颜色或设计系统调色板中的配色方案时使用。 来源:gked2121/claude-skills。

查看原文

可引用信息

为搜索与 AI 引用准备的稳定字段与命令。

安装命令
npx skills add https://github.com/gked2121/claude-skills --skill color-palette-extractor
分类
</>开发工具
认证
收录时间
2026-02-11
更新时间
2026-02-18

快速解答

什么是 color-palette-extractor?

从图像、网站或设计中提取调色板。识别主色、生成互补方案并以多种格式导出(HEX、RGB、HSL、Tailwind、CSS 变量)。当用户需要图像、品牌颜色或设计系统调色板中的配色方案时使用。 来源:gked2121/claude-skills。

如何安装 color-palette-extractor?

打开你的终端或命令行工具(如 Terminal、iTerm、Windows Terminal 等) 复制并运行以下命令:npx skills add https://github.com/gked2121/claude-skills --skill color-palette-extractor 安装完成后,技能将自动配置到你的 AI 编程环境中,可以在 Claude Code 或 Cursor 中使用

这个 Skill 的源码在哪?

https://github.com/gked2121/claude-skills