color-palette

此技能作为自动化设计系统架构师，允许开发者从单一品牌十六进制色彩值生成完整且符合 WCAG 标准的调色盘。通过应用 HSL 转换与饱和度加权明度调整，确保您的色彩系统在所有色阶中维持一致的视觉识别与易用性。它专为需要快速构建设计权杖（Design Tokens）或在现代 Web 应用中实施强大主题化的前端开发者与 UI 设计师而设计。该工具自动化了确保高对比文字与可读背景所需的繁琐运算，将单一品牌色转化为完整的 Tailwind 配置。

• 自动生成 11 阶色谱 (50-950)，在保持色相一致性的同时，防止出现过于鲜艳或浑浊的粉彩色。

• 为亮色与深色模式建立全面的语义标记，确保每个背景都有适当的前景配对。

• 输出可直接植入项目配置文件的生产级 Tailwind v4 CSS 代码片段。

• 包含内置的深色模式反转模式，在映射明度极值的同时，为边框、按钮与文字等 UI 元素保留品牌识别。

• 支持设计系统、Tailwind 主题与品牌识别一致性的工作流程优化。

• 用户应先提供单一品牌十六进制色码（例如 #0D9488）来触发生成程序。

• 本工具使用明度/饱和度乘数表来区分不同色阶的用途，范围涵盖从 50（细致背景）到 950（最深强调色）。

• 务必根据 WCAG 标准对生成的数值进行对比度验证，以确保生产环境的可访问性。

• 生成的标记包含特定角色，例如卡片背景、输入框边框、主要/次要按钮状态及静态文字变体。

• 专为 Claude Code CLI 环境设计，旨在简化从单一品牌色到完整 CSS 主题的转换过程。