← ToolBox / Tailwind 配色板

🎨 Tailwind CSS Color Palette

Browse the full Tailwind CSS palette of 22 colour families at 11 shades and click a swatch to copy it in various formats.

📐 計算公式 / 原理

Tailwind CSS 色板共 22 色系 × 11 階（50–950），點選色塊可複製各種格式色值；用於遵循 Tailwind 設計體系的配色。

📚 深度解析：Tailwind CSS 配色板

瀏覽 orange 檔

輸入：選 orange。處理：列 50~950。輸出：色塊與類名/HEX 可複製。

和自定義色？: 可延用同檔位思路自建，保證層級一致。
類名怎麼對應？: 如 bg-orange-500 對應 500 檔 HEX，可類名與變數混用。
會儲存或上傳我的內容嗎？: 結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。

⚠️ 使用說明與注意事項

已複製

📖關於「Tailwind 配色板」 ▼

Tailwind 配色板。設計創意工具，視覺化操作，一鍵生成 CSS 程式碼。