CSS 漸層產生器
做出漸層後，複製 CSS 背景程式碼，或下載最大 3840×2160 的圖片。
免費・免註冊・無浮水印
廣告
廣告
廣告
使用步驟
- 選擇線性、放射或圓錐，設定角度或中心點。
- 挑選顏色、拖動色標位置，或從預設、隨機漸層開始。
- 複製 CSS，或下載需要尺寸的 PNG。
CSS 漸層產生器
線性漸層沿著一個角度變化（90° 是由左到右），放射漸層從中心點往外擴散，圓錐漸層則像色相環一樣繞著中心旋轉。產生的 CSS 在目前所有瀏覽器都能使用。
下載 PNG 時會用 canvas 畫出相同的漸層，可當桌布、簡報背景或社群圖片使用。顏色非常接近的漸層，在 8 位元圖片中可能出現輕微色階。
常見問題
CSS 可以用在 Tailwind 等框架嗎？
可以，當作任意背景值或寫在自己的 CSS 裡即可。
一個漸層最多幾個顏色？
最多 6 個色標。
廣告
下載的 PNG 可以自由使用嗎？
可以，是你自己做的，沒有浮水印也沒有授權限制。