不會——當您使用 Color Mixer 混合兩個 HEX 色彩時,您的資料不會上傳到任何地方:所有色彩運算都在您的瀏覽器中本機執行。該工具揭露的行為很明確:混合過程中涉及的色彩、數值和輸入不會被傳送到伺服器。您可以輸入兩個色彩、選擇它們的比例、檢查漸層,並複製輸出結果,無需建立帳號,也沒有用量限制。此本機處理模式適用於混合任務本身:它並不依賴上傳調色盤、影像或專案檔案。Color Mixer 使用兩個輸入色彩而非儲存的資料庫,會回傳一個混合色彩加上兩端點之間的視覺漸變。其結果面板會為選定的混合提供一個小寫六位數的 HEX 數值和一個 rgb() 字串,而漸層則會預覽十一個等距的步階,包含兩個原始色彩。實際上,您可以將輸入的代碼和選擇的比例視為目前瀏覽器中由工具處理的運算值,而非提交供遠端處理的資料。

is my data uploaded anywhere when i use mix two hex colors
Is My Data Uploaded Anywhere When I Mix Two HEX Colors?

本機處理答案涵蓋的範圍

相關的隱私界線在於混合運算本身。Color Mixer 會解析 Color A 與 Color B、套用比例,並在您的裝置上計算輸出和漸層。這些色彩、數值和輸入永遠不會上傳到伺服器。該工具也不需要註冊,且沒有用量限制,因此在產生結果時不會涉及帳號資料或遠端混合作業。

  • 輸入的資料: 兩個色彩代碼或 rgb() 字串都會在本機進行解析與處理。
  • 比例調整: 所選的百分比會套用於本機計算,而不是送出到外部處理。
  • 顯示的輸出: 結果與漸層都是在瀏覽器中計算,而 Copy 會將結果 hex 放到您的剪貼簿。

此說明僅針對 Color Mixer 本身的處理,並非您的瀏覽器紀錄、擴充功能或裝置設定。雙色工作流程不會要求提供影像或專案檔案,因此沒有使用者資產上傳的步驟。如果某個色彩代碼具敏感性,本機處理就是相關的產品事實;請避免將其重新張貼到無關的服務。

輸入兩個色彩而不上傳

每個輸入框代表混合的一個端點。您可以輸入短 HEX、完整 HEX 或 rgb() 數值,或使用欄位旁的原生色票。文字解析不區分大小寫,且容許額外空白或缺少井字號。

輸入方式接受範例說明
短 HEX#f00井字號為選擇性
完整 HEX#3b82f6大小寫字母皆可使用
rgb() 字串rgb(59, 130, 246)會忽略多餘的空白
原生色票點擊任一欄位旁邊以視覺方式設定一個端點

選擇色票只是設定該欄位色彩的另一種方式;它並不會載入任何檔案。請在筆記中將 Color A 與 Color B 區分清楚,因為變更任一端點都會改變中間步階和最終輸出。

混合色彩並複製輸出

  1. 設定 Color A。 以短或完整 HEX 數值或 rgb() 字串輸入第一個色彩,或點擊其色票以視覺方式選擇色彩。
  2. 設定 Color B。 以相同方式輸入第二個色彩,使用支援的文字格式或相鄰的色票。
  3. 選擇比例。 拖曳滑桿以控制混合:0% 為純 A,100% 為純 B,50% 為中點。
  4. 檢查結果。 在結果面板讀取小寫六位數的 HEX 和 RGB 數值,然後檢視漸層中十一個等距步階,包含兩個端點。
  5. 複製混合結果。 點擊 Copy 將結果 hex 放到您的剪貼簿。

當您移動滑桿時,結果會立即更新。在 50% 時,每個紅、綠、藍色通道在顯示整數四捨五入之前會獲得相等的權重。漸層可讓您一眼看出過渡情況,而結果面板則提供可重複使用的精確數值。

在您的設計或程式碼中使用顯示的 hex 或 rgb() 字串。Copy 會明確地將結果 hex 放到剪貼簿;RGB 字串仍可在旁邊閱讀。比例標籤會始終顯示目前的分割比例,讓您在變更端點後更容易回到相同設定。

瀏覽器為每次混合計算的內容

Color Mixer 使用簡單的 sRGB 線性內插。對每個紅、綠、藍色通道,它會計算 result = round(A * (1 - ratio) + B * ratio)。內部會將比例限制在 0 到 1 的範圍內;介面上則以百分比表示。通道值會維持在 0–255 之間,顯示時四捨五入為 8 位元整數。

以一個計算範例來說,在 50% 時混合 #ff0000 與 #0000ff。紅色變為 round(255 × (1 - 0.5) + 0 × 0.5) = 128;綠色保持為 round(0 × (1 - 0.5) + 0 × 0.5) = 0;藍色變為 round(0 × (1 - 0.5) + 255 × 0.5) = 128。綜合起來,結果為 rgb(128, 0, 128),即 #800080。

此方法直接對 8 位元 sRGB 通道值取平均。它並非經過伽馬校正的光學混色,也無法模擬減法的顏料或油墨。瀏覽器會在本機執行此簡單的算術運算,這與該工具不上傳的行為一致。因此,洋紅色的數位混合並非故障:實體的紅色與藍色顏料表現與螢幕數值不同。

讓混合方法符合您的專案

正確的解讀方式取決於您需要的是數位色彩還是實體材料的預測。此表格區分了該計算所支援的用途與其重要的界線。

專案目標工具提供的內容重要界線
網站、應用程式、圖示或圖表色彩基於加權 sRGB 通道的數位中間色它代表的是螢幕色彩值
CSS 漸層停駐點或色彩色階一個選定的混合與十一個步階的過渡預覽面板提供精確的 hex 與 rgb() 數值
中間色調、明暗或品牌色調整兩個端點之間的比例加權中間色端點順序與比例決定方向與強度
紙上的壓克力、印表機油墨或顏料不提供實體顏料的預測減法的材料混合超出此模型範圍

對於網站、應用程式、圖示、圖表及其他螢幕輸出,該計算符合所述的 sRGB 內插任務。對於紙上的真實壓克力或印表機油墨,請僅將結果視為數位的起始參考。對螢幕數值取平均並無法預測顏料在實體表面上的吸光或反射方式。

記錄並檢查您想保留的混合

單獨的結果 hex 並無法識別產生它的端點或比例。請記錄 Color A、Color B,以及比例標籤中顯示的百分比。當您再次輸入這些數值時,這個三部分的筆記可讓您重現相同的顯示結果。

使用十一個步階的漸層來判斷過渡,接著在需要精確數值時使用結果面板。如果您正在檢查已儲存的混合,請先比對記錄的比例與兩個端點,再做任何變更。如需獨立的驗證工作流程,請參閱 如何檢查混合兩個 HEX 色彩後的結果。

請以下一個工具所期望的格式保留輸出:hex 適合用於 CSS 與設計工作流程,而 rgb() 則讓通道數值更明確。無論採用哪一種,隱私答案都相同,因為混合本身在本機進行,不會將輸入的數值傳送到伺服器。

如需更深入的瞭解,請參閱 CMYK 轉 RGB 轉 Hex:同時取得兩種輸出。