🌈 Gradient from Color Generator

📐 計算公式 / 原理

由單色推導漸變色標：在同色系（調整明度 / 飽和度）或互補色相基礎上生成停靠點，拼裝為 linear-gradient 並可調角度；用於快速生成協調漸變。

基礎顏色

漸變方向

變化步數

主預覽

變化方案 (點選卡片複製)

📚 深度解析：從顏色生成漸變

由 #FF6B35 派生漸變

輸入：基色 #FF6B35、型別同色深淺。處理：明暗兩端取色。輸出：漸變 CSS 與預覽。結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。

同色還是鄰近？: 同色深淺更穩，鄰近色更有層次；按需求選。結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。
兩種色對比度不夠會提示嗎？: 會按 WCAG 算出對比度值與等級，未達標會標紅提醒，便於及時換色或調深。
會儲存或上傳我的內容嗎？: 結果以瀏覽器即時計算為準，純前端本地處理、資料不上傳；生成的樣式與程式碼僅作快速產出參考，正式專案請以設計系統、規範與瀏覽器實測為準。