GradientsLive
CSS 漸層產生器
使用我們免費的 CSS 漸層產生器可立即在瀏覽器中處理顏色。無需上傳，無需註冊——一切都 100% 客戶端運行，以確保完全隱私。
現場色彩工作室
在您的瀏覽器中運行 - 未上傳任何內容
直播
- 即時結果
- 沒有註冊
- 即時預覽
預覽
控制
結果
background: linear-gradient(90deg, #5a8a3a 0%, #EC4899 100%);
Guide & reference
現場色彩工作室
在您的瀏覽器中運行 - 未上傳任何內容
預覽
控制
結果
background: linear-gradient(90deg, #5a8a3a 0%, #EC4899 100%);
Guide & reference
CSS 漸層產生器 — 使用我們免費的 CSS 漸層產生器可立即在瀏覽器中處理顏色。無需上傳，無需註冊——一切都 100% 客戶端運行，以確保完全隱私。
How to use
Common use cases
Common questions
使用我們免費的 CSS 漸層產生器可立即在瀏覽器中處理顏色。無需上傳，無需註冊——一切都 100% 客戶端運行，以確保完全隱私。
輸入色彩
輸入顏色值或使用顏色選擇器。
查看結果
查看即時預覽和所有格式轉換。
複製或導出
複製到剪貼簿或以您喜歡的格式下載。
開啟 CSS 漸層產生器並輸入或選擇您的顏色值。
查看即時預覽和即時更新的轉換結果。
以您喜歡的格式複製或匯出結果。
100% 用戶端處理 — 您的顏色永遠不會離開您的裝置。
支援多種顏色格式並即時轉換。
免費使用，無需帳戶。
Web 開發人員轉換 CSS 和設計系統的顏色。
設計師打造易於使用、和諧的調色板。
學生學習色彩理論和色彩空間轉換。