CSS 漸層產生器

CSS 漸層產生器讓你即時設計 Linear（線性）、Radial（放射）、Conic（圓錐）三種漸層，調整顏色停止點、角度與位置後直接複製 CSS 程式碼。

功能說明

1. 三種漸層類型：線性（Linear）以角度方向過渡；放射（Radial）從中心向外發散；圓錐（Conic）繞中心點旋轉，常用於圓餅圖與色輪效果。
2. 角度控制：線性與圓錐漸層可設定 0–360° 角度，滑桿即時調整，或輸入精確數值；點擊旋轉按鈕每次增加 45°。
3. 顏色停止點：每個停止點可獨立設定顏色（原生色彩選擇器）和位置（0–100%）；最少保留 2 個停止點，可自由新增多個。
4. 10 個精選預設：包含 Sunset、Ocean、Aurora、Conic Pride 等多種效果，點擊即載入，可以此為基礎繼續編輯。
5. 即時大型預覽：頂部 192px 高的預覽區與底部細長漸層條同步更新，讓你清楚看到實際效果。
6. 一鍵複製 CSS：點擊「複製 CSS」直接取得 background: linear-gradient(...); 格式的 CSS 語法，可貼入任何 CSS 或 style 屬性中。