🌐 Mesh Gradient Generator

📐 工作原理與說明

網格漸變由多個徑向漸變疊加構成：拖拽色標調整各色團的位置與顏色，匯出為圖片或 CSS；用於海報、封面與網頁英雄區背景。

Build a multi-colour mesh gradient background by dragging colour stops, then export the gradient as an image or CSS.

顏色 (2-5 個)

預覽

📚 深度解析：網格漸變

生成三色 mesh

輸入：橙/紫/青三控制點。處理：徑向疊加成 mesh。輸出：預覽與 CSS/SVG。結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。

mesh 和線性漸變？: mesh 多點非線性過渡更自然，常用於大背景。結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。
兩種色對比度不夠會提示嗎？: 會按 WCAG 算出對比度值與等級，未達標會標紅提醒，便於及時換色或調深。
會儲存或上傳我的內容嗎？: 結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。