設計
色彩明暗產生器
產生任意顏色的深淺色。
建立調色盤
產生固定且感知均勻的 50–950 設計系統色階或自訂明暗色階，然後複製 CSS 自訂屬性或下載 JSON。
常見問題
什麼是色調與暗色？
淺色調是較亮的變化，深色調是較暗的變化。此工具會調整感知 OKLCH 明度與彩度，而不是對編碼後的 sRGB 色彩通道進行內插。
如何複製顏色？
點選任一色票即可複製其 HEX 值。使用「複製 CSS 變數」或「下載 JSON」匯出完整色階。
這個有什麼用處？
從單一品牌色建立調色盤與設計系統色階，可匯出為 CSS 自訂屬性或 Tailwind 風格 token。
最後更新日期: