CSS 漸層產生器 — 線性、放射狀與圓錐漸層
透過可拖曳的色標、角度轉盤與預設樣式，建立線性、放射狀與圓錐 CSS 漸層。一鍵複製 CSS 或 Tailwind class。免費，即時產生。
色標點擊新增 · 拖曳移動
CSS
background: #fa69c3; background: linear-gradient(120deg, #7f5af0 0%, #ff6ac1 52%, #ffb86b 100%);
Tailwind
bg-[linear-gradient(120deg,#7f5af0_0%,#ff6ac1_52%,#ffb86b_100%)]
預設樣式
相關工具
格式參考資料
工具頁面更新日期：