CSS 漸層產生器（線性、放射）
編輯線性或放射漸層的色標與角度，即時預覽效果，並複製 CSS 的 background 程式碼。
- 在瀏覽器內處理（不上傳）
0deg 由下往上、90deg 由左往右、180deg 由上往下變化（0～360）。
色標（color stop）
可設定 2～10 個。CSS 會依位置由小到大輸出。
結果
預覽
產生的 CSS
background: #4158d0;
background: linear-gradient(90deg, #4158d0 0%, #c850c0 46%, #ffcc70 100%);使用方式
- 選擇線性或放射，再設定角度，或形狀與中心位置。
- 編輯每個色標的顏色（#RRGGBB 等）與位置（0～100%）。按「新增色標」可增加，按 × 可刪除。
- 確認預覽後，按「複製 CSS」貼到樣式表中使用。
常見問題
角度 0deg 和 90deg 是哪個方向？
在 CSS 的 linear-gradient 中，0deg 由下往上（to top），90deg 由左往右（to right），180deg 由上往下（to bottom）。
兩個色標放在同一位置會怎樣？
顏色不會漸變，而是在該位置直接切換，形成清楚的分界，可用來做條紋。
為什麼會輸出兩行 background？
第一行是單色的備用（fallback）設定，在不支援漸層的環境中仍會顯示第一個顏色。
可以使用顏色名稱（如 red）或 rgb() 嗎？
為了安全，只接受十六進位色碼（#RGB、#RGBA、#RRGGBB、#RRGGBBAA），其他文字一律不會寫入 CSS。
注意事項與限制
- 你輸入的內容只在此頁面處理，不會傳送到 YUCTS 的伺服器。
- 只支援十六進位色碼，不能使用顏色名稱、rgb()、hsl() 或 transparent 等關鍵字（需要透明時，請用 #RRGGBBAA 的最後兩位指定）。
- 不支援圓錐漸層（conic-gradient）、重複漸層（repeating-）與色彩內插方式的設定。
- 預覽是你目前瀏覽器的顯示結果；較舊的瀏覽器可能無法顯示 8 位數色碼（#RRGGBBAA）。
相關工具
- JSON 格式化／驗證工具檢查 JSON 語法並標示錯誤的行與欄，可用 2、4 個空白或 Tab 排版、壓縮成一行、依名稱排序鍵，並可複製或下載。
- CSV ⇄ JSON 轉換工具把 CSV、TSV 轉成 JSON，或把 JSON 轉回 CSV、TSV。支援引號、儲存格內換行、UTF-8 BOM、自動判斷分隔字元與 Big5、Shift_JIS 檔案，也能選擇、排序與重新命名欄位。
- YAML ⇄ JSON 轉換工具把 YAML 轉成 JSON，或把 JSON 轉成 YAML。不會載入自訂或可執行的標籤，並限制別名展開以安全處理；錯誤會標示行與欄。
- Base64 編碼／解碼（文字與檔案）把含中文、日文或表情符號的文字以 UTF-8 轉成 Base64，也能把 Base64 還原。支援 URL 安全格式、可選補位（=），以及檔案與 data URL。
- URL 編碼／解碼（百分比編碼）將含中文的網址或查詢字串進行 % 編碼與解碼，支援 encodeURIComponent、encodeURI 與表單格式（+），遇到錯誤的 % 會標示出錯位置。
- 正規表示式測試器（JavaScript）測試 JavaScript 正規表示式：醒目標示符合位置、編號與具名群組，並預覽取代結果；執行過久的樣式（ReDoS）會自動中止。