一個完全在您的瀏覽器中運作的顏色漸層產生器，在線上使用是安全的，因為關於您選擇的顏色、停駐點順序或預覽狀態的任何資訊都不會被傳輸到遠端伺服器。最安全的工具會在您的裝置上本機處理所有視覺變更、角度調整和顏色停駐點，並且只有在您選擇複製時才會輸出一行 CSS 背景宣告。該輸出內容是純文字——一個 background: linear-gradient(...) 或 background: radial-gradient(...) 行，除了您選擇的顏色和位置之外，不包含任何其他內容。不會有設計檔案、圖片、專案內容，或任何可識別的中繼資料一起傳輸。最關鍵的安全訊號是缺少上傳步驟：如果漸層產生器在頁面載入的瞬間就能運作，而不需要您提供帳號、登入或「選擇檔案」按鈕，那它幾乎可以肯定是一個用戶端工具。當頁面首次載入、即時漸層出現時，除了頁面本身之外沒有任何網路請求，那麼您就得到了答案：顏色從未離開過瀏覽器分頁。
對線上漸層工具而言「安全」代表什麼
對於一個 CSS 漸層工具而言，安全並不是單一屬性。它是三個獨立考量的結合，而其中只有一個真正涉及您選擇的顏色。
首先是資料隱私：您試驗的顏色、停駐點位置和角度是否會在任意時刻離開您的裝置，以及關於這些資料是否有任何記錄？其次是軟體安全：執行 UI 的 JavaScript 中，頁面本身是否不含惡意軟體、隱藏的追蹤器或提示注入向量？第三是輸出安全：您複製的程式碼是否不含隱藏的片段、遙測參數，或任何可能危害您貼入專案的內容？
搜尋這個問題的大多數讀者擔心的是第一個屬性。他們想知道在漸層產生器上所做的視覺選擇，是否會以設計指紋的形式外洩，或洩露關於未完成產品的資訊。這種擔憂是合理的，而答案完全取決於漸層實際上是在哪裡運算的。
伺服器端的產生器會在遠端主機上處理您的設計狀態。它可能會儲存它、分析它，而且如果您已登入，它幾乎肯定可以將其與您的 IP 位址或帳號關聯起來。瀏覽器端的產生器會在您自己的分頁中處理您的設計狀態。它無法被遠端儲存，因為根本沒有任何內容被傳送到遠端。要辨識您使用的是哪一種，只需要稍加留意，本文的其餘部分就是圍繞著這個區別所建構的。
顏色漸層產生器如何將您的工作保留在本機
顏色漸層產生器會在用戶端處理每一次互動。當您載入頁面時，用於繪製預覽並組裝 CSS 字串的 JavaScript 只會被傳遞一次，之後便完全在您的瀏覽器分頁中執行。
這一個架構事實會產生三個下游安全屬性。首先，您的顏色停駐點和角度不會被 POST 到任何地方，因為沒有任何端點會接收您的設計選擇，而繪製漸層也不需要這樣的端點。其次，不會上傳任何預覽截圖，因為預覽是由您自己的瀏覽器引擎所繪製的純 CSS 背景，而不是透過網路傳送的渲染圖片。第三，除了您瀏覽器在本機上快取的內容之外，跨造訪之間不會儲存任何資料，因此明天重新開啟工具時，並不會從伺服器擷取已儲存的設計，因為根本沒有伺服器端的設計可供擷取。
您複製的輸出是純文字：一個 background: linear-gradient(...) 或 background: radial-gradient(...) 宣告。除了角度、顏色停駐點及其位置之外，它不包含任何內容，因此沒有設計智慧財產、沒有中繼資料、沒有圖片、沒有專案內容，也沒有任何可以識別您作品的內嵌權杖。將其貼入樣式表，除了任何現代瀏覽器都能渲染的有效 CSS 值之外，不會新增任何東西。
這就是為什麼輸出純 CSS 的工具在本質上比匯出圖片的工具更安全。圖片帶有像素資料，通常還內嵌色彩描述檔，而且檔案大到值得儲存。一個 CSS 宣告很短、人類可讀，除了顏色本身之外不帶任何酬載。
三個步驟安全地建立漸層
使用這個工具是一個三步驟的循環，而每一步都在您的裝置上本機執行，這就是這個工作流程之所以在本質上安全的原因。
- 選擇漸層類型。線性用於沿著您設定角度的方向性漸層，或放射狀用於從中心向外混合的圓形。類型選擇不影響安全性，但它決定了輸出 CSS 的形式，因此先選擇它可以讓後續的編輯保持乾淨。
- 設定每個顏色停駐點的顏色，並拖曳其位置滑桿。新增或移除停駐點，並為線性漸層調整角度。工具會自動依位置重新排序停駐點，並將每個值限制在 0 到 100 percent 的範圍內，因此無論您如何編輯，它所輸出的 CSS 在語法上永遠是正確的。
- 檢查即時預覽，然後點擊複製 CSS 來取得可立即貼上的背景宣告。您收到的 CSS 是唯一一個從工具跨越到您專案的東西，而且它只有在您點擊時才會跨越，而不是在您工作過程中持續傳送。
因為循環是本機的，輸出是單一的 CSS 值，所以伺服器看不到任何設計狀態，沒有檔案需要上傳，也沒有預覽需要傳送。您可以自由地試驗各種隨機組合並隨時中止，不會產生任何後果，因為除了您自己的瀏覽器快取之外，您嘗試過的任何東西都不會被保留下來。
瀏覽器端與伺服器端處理
最可靠的安全訊號是漸層在哪裡運算。下表顯示了這兩種架構之間的實際差異。
| 屬性 | 瀏覽器端工具 | 伺服器端工具 |
|---|---|---|
| 顏色的處理位置 | 在您的分頁中 | 在遠端主機上 |
| 頁面載入後的網路請求 | 不需要 | 每次編輯一次或多次 |
| 您作品的儲存方式 | 僅限本機快取 | 伺服器端資料庫 |
| 帳號需求 | 不需要 | 通常需要 |
| 輸出到剪貼簿的內容 | 純 CSS 文字 | 可能包含權杖或腳本 |
請注意，這些差異並不細微。瀏覽器端工具無法遠端儲存您的作品，因為根本沒有遠端端點可以接收它。伺服器端工具可以執行其後端所建構的任何操作，包括記錄、針對您進行不同設計的 A/B 測試，或隨著時間建立您的偏好檔案。
您幾乎可以立即驗證您使用的是哪一種。打開瀏覽器的網路面板，拖曳一個停駐點，改變一個角度，然後觀察請求記錄。如果在初始頁面載入之後沒有任何請求觸發，那麼您正在使用瀏覽器端工具，而您的作品是本機的。如果每次互動都觸發請求，則該工具是伺服器端的，而且即使您只是處於實驗中途，您的設計狀態也正在被傳輸。
對於漸層產生器而言，瀏覽器端是正確的架構，因為產生 CSS 背景宣告的任何環節都不需要伺服器。數學計算、顏色插值和輸出字串，全都是您的瀏覽器已經知道如何自行完成的事情。
任何顏色工具的快速安全檢查清單
在您將任何線上顏色工具用於真正的專案之前，請先過一遍這份簡短的檢查清單。它花不到一分鐘的時間，並且同樣適用於調色盤產生器、對比檢查器和十六進位轉換器。
- 頁面是否能在沒有帳號的情況下運作？如果可以，則該工具沒有可以關聯您作品的檔案，而這是一種結構性的安全屬性，而不僅僅是方便性。
- 它是否要求您上傳檔案？不需要圖片的漸層工具不需要伺服器來回，因此任何上傳提示都是值得調查的黃色警訊。
- 輸出是否為您可以閱讀的純 CSS？如果程式碼面板中包含腳本、註解或不熟悉的屬性，請將其視為紅色警訊，並在使用前將其貼到安全的地方。
- 編輯是否會觸發網路請求？打開開發者工具，觀察網路分頁，拖曳一個停駐點，看看是否有任何東西離開頁面。此處的靜默無訊正是您想要的安全訊號。
- 頁面是否託管在已知的網域上？堅持使用屬於透明發行商的工具，在那裡，信任問題已經由主機本身回答過了。
如果這五個問題的答案都通過，那麼該工具可以安全地用於真正的設計工作。如果其中任何一個不通過，請繼續尋找，而不是抱著僥倖心理。
關於無註冊方法的一個實際注意事項：缺少帳號不僅僅是方便性，它是一種結構性的安全屬性。在沒有身分可以附加您作品的情況下，伺服器端就沒有任何可以用來記住您的東西，而這正是為什麼對於敏感或發布前的設計工作（顏色調色盤的外洩可能造成影響），瀏覽器端漸層產生器是正確的工具。