Palette

Palette 是什么？

Palette 是一个工具，可从文本提示生成自定义 Tailwind CSS 配色方案。它旨在帮助您快速生成 UI 一致的颜色样品，而非手动构建配色方案。

生成器支持浅色模式和深色模式，包含中性色样品，并为自定义颜色提供色阶——输出可直接用于基于 Tailwind 的设计系统。

主要功能

• 从提示生成 Tailwind 配色方案，帮助将颜色描述转化为结构化样品。
• 浅色模式支持，生成适用于标准（浅色）UI 环境的颜色集。
• 深色模式支持，生成对应深色 UI 环境的颜色集。
• 中性色样品，包含常用灰度/中性色调，作为配色方案输出的一部分。
• 自定义颜色色阶，为每种生成颜色提供多档强度级别，以覆盖 UI 状态和层级。

如何使用 Palette

1. 输入描述所需颜色的提示（例如，主题、氛围或具体颜色方向）。
2. 生成配色方案并查看产生的样品。
3. 在 Tailwind 配置中使用浅色模式和深色模式输出。
4. 应用中性色样品和生成的色阶，实现组件间一致样式。

使用场景

• 为新项目创建起始 Tailwind 配色方案，当您已知视觉方向但不想手动定义每档色阶时。
• 通过同一提示驱动流程生成界面浅色和深色主题变体。
• 伴随品牌或强调色生成中性色调，支持设计系统中的背景、边框和文本。
• 为自定义颜色生成多档色阶，便于映射到不同 UI 表面和状态。
• 通过调整提示迭代配色方案，精炼外观，同时保持 Tailwind 结构化输出。

常见问题

Palette 是否生成浅色和深色模式颜色？

是的。该产品支持浅色模式和深色模式配色方案。

Palette 提供何种输出？

它生成自定义 Tailwind 配色方案，包含中性色样品和自定义颜色的色阶。

我能在 Tailwind 设计系统中使用 Palette 吗？

是的。输出描述为 Tailwind 配色方案，包含色阶和中性色，适用于典型 Tailwind 样式流程。

Palette 使用何种输入？

产品从描述所需颜色方向的提示生成配色方案。

替代方案

• 设计系统颜色工具：帮助定义配色方案、生成色阶/色阶，并导出 UI 框架颜色令牌。通常需更直接指定颜色，而 Palette 是提示驱动。
• Tailwind 配置助手：专注于生成或管理 Tailwind 主题颜色的工具。这些可能强调导出至 tailwind.config 流程，且不以提示生成为核心。
• 通用 UI 主题生成器：创建主题令牌（浅/深色）并映射至组件。与 Palette 相比，可能输出超出 Tailwind 颜色的更广设计令牌。
• 颜色配色生成器（非 Tailwind 专用）：从用户输入创建配色方案和色阶。可帮助探索美学，但通常需自行映射至 Tailwind。