CSS Gradient
選擇漸層顏色與角度，對照即時預覽，再複製對應的 CSS 背景設定。
簡介
CSS Gradient 在同一個頁面提供漸層預覽、顏色控制與 CSS 輸出。官方編輯器可先選擇漸層模式，再調整顏色，對照畫面與產生的樣式。
這次收錄聚焦線性漸層的基本操作，不把其他模式或圖庫內容列為已實測項目。
為何收錄
調整背景時，能直接看見顏色混合與角度變化，比只修改一長串 CSS 數值容易對照。確認方向後，再把樣式帶回自己的頁面。
適合誰
需要製作介面背景的前端開發者、比較配色的設計師，以及想理解 CSS 漸層設定的人。
可以怎麼用
本次選擇「Linear」，將角度改為 45，再把起點色碼改成 #FF0000。保留中間的 #57C785 與終點的 #EDDD53，三個色標位置分別為 0%、50%、100%。
預覽跟著改變，CSS 輸出包含 linear-gradient(45deg, ...)，並以 rgba(255, 0, 0, 1) 0% 表示紅色起點。按下「Copy to clipboard」後，確認複製內容保留同樣的角度、顏色與色標位置，也包含 background: #FF0000;。
使用前留意
套用到實際頁面後，仍要檢查背景上文字的可讀性與不同尺寸的呈現。本次未測試徑向漸層、新增或刪除色標、透明度、圖庫素材或舊版瀏覽器相容輸出，也未做文字對比驗證。
