色階產生器：衍生 50–950 CSS 與 Tailwind 設定
以基底色為 500，推導 11 級 50–950 sRGB 色階，複製個別色彩並匯出 CSS 變數或 Tailwind theme 設定。
color-scale-generator本機處理
正在啟用本機工具…
產生設定
以基底色作為 500，向白／黑作 sRGB 混色。這是衍生色階，不是 Tailwind 官方真色票，也不是感知均勻色階。Tailwind 輸出使用 theme.extend 設定格式；CSS 變數可獨立使用。請另測文字對比。
輸入只留本頁記憶體，不傳送、儲存或寫入網址。
靜態來源日期：2026-10-17
預覽與完整輸出
設定欄位或載入範例，再產生結果。
如何使用這個工具
命名色階、輸入 HEX 基底並產生，檢查每一級衍生色後，再複製 CSS 變數或 Tailwind theme.extend 設定。
不適合用在什麼情況
這是衍生 sRGB 色階，不是 Tailwind 官方色票或感知均勻漸層。設定採 theme.extend 格式；CSS 變數也可獨立使用。