1. 01在色標條上選擇、拖動或新增色標，修改顏色與 0–100% 位置。
2. 02選擇線性、徑向或圓錐類型，並設置該類型對應的角度、形狀和中心。
3. 03複製生成的 CSS；線性和徑向還會帶舊版 -webkit- 兼容寫法，第一行提供純色兜底。
4. 04需要圖片時選擇預設分辨率並導出 PNG 壁紙。

• 色標位置限制 0–100%，至少保留兩個；在兩色之間新增時會按相鄰顏色線性插值得到初始顏色。
• 線性角度在界面中為 0–359°；徑向支持 circle/ellipse，中心位置限定為九個預設方位。
• PNG 分辨率預設包含 1920×1080、2560×1440、3840×2160、1080×1920 和 1290×2796。
• Canvas 的徑向 ellipse 導出通過座標縮放近似 CSS 橢圓效果；不同瀏覽器的 CSS 渲染與導出像素可能有細微差異。
• 不做什麼：不生成漸變動畫、不導出 SVG，也不從遠程圖庫下載配色。

配色、CSS 和 PNG 都在瀏覽器本地計算與生成，不請求遠程配色或圖像服務。