Palette

Palette 是什麼？

Palette 是一款工具，能從文字提示生成自訂 Tailwind CSS 色彩調色盤。它設計用來幫助你快速產生一致的 UI 色彩樣本，而非手動建立調色盤。

生成器支援明亮模式與暗黑模式，包含中性色樣本，並為自訂色彩提供多種色階，讓輸出能直接用於 Tailwind 設計系統。

主要功能

• 從提示生成 Tailwind 色彩調色盤，幫助將色彩描述轉換為結構化樣本。
• 明亮模式支援，產生適合標準（明亮）UI 情境的色彩組。
• 暗黑模式支援，生成對應暗黑 UI 情境的色彩組。
• 中性色樣本，包含常用灰階/中性色調，作為調色盤輸出的一部分。
• 自訂色彩的色階，提供每個生成色彩的多種強度等級，讓你涵蓋 UI 狀態與層級。

如何使用 Palette

1. 輸入描述想要色彩的提示（例如主題、氛圍或特定色彩方向）。
2. 生成調色盤並檢視產生的樣本。
3. 在 Tailwind 設定中使用明亮模式與暗黑模式的輸出。
4. 套用中性色樣本與生成色階，確保元件間一致樣式。

使用情境

• 為新專案建立起始 Tailwind 調色盤，當你已知視覺方向但不想手動定義每個色階。
• 透過相同提示驅動流程生成介面的明亮與暗黑主題變體。
• 搭配品牌或強調色生成中性色調，支援設計系統中的背景、邊框與文字。
• 為自訂色彩產生多種色階，讓你將色彩對應至不同 UI 表面與狀態。
• 調整提示來迭代調色盤，精煉外觀同時保持 Tailwind 結構化輸出。

常見問題

Palette 會生成明亮與暗黑模式色彩嗎？

會。產品支援明亮模式與暗黑模式調色盤。

Palette 提供什麼樣的輸出？

它生成自訂 Tailwind 色彩調色盤，包含中性色樣本與自訂色彩的色階。

我可以用 Palette 於 Tailwind 設計系統嗎？

可以。由於輸出描述為 Tailwind 色彩調色盤，含色階與中性色，適合典型的 Tailwind 樣式流程。

Palette 使用什麼輸入？

產品從描述想要色彩方向的提示生成調色盤。

替代方案

• 設計系統色彩工具：幫助定義調色盤、生成色階/色階，並匯出色彩權杖用於 UI 框架。它們通常需更直接指定色彩，而 Palette 是提示驅動。
• Tailwind 設定助手：專注生成或管理 Tailwind 主題色彩的工具。它們可能強調匯出至 tailwind.config 流程，且不以提示生成為中心。
• 通用 UI 主題生成器：建立主題權杖（明亮/暗黑）並對應至元件的工具。相較 Palette，它們可能輸出更廣泛的設計權杖，而非僅 Tailwind 色彩。
• 色彩調色盤生成器（非 Tailwind 專屬）：從使用者輸入建立色彩方案與色階的生成器。它們有助探索美學，但你通常需自行對應 Tailwind。