將一張圖片做色彩反相,意思是把每個像素的紅色、綠色和藍色通道值,全部換成它們的互補值,這在數學上等同於沖印一張照片的負片。具體的轉換方式是:三個色彩分量各自用 255 減去原本的通道值,而 alpha(透明度)通道則保持不動,所以透明的像素在反相後依然是透明的。最終結果是一張靜態 PNG,可以下載、分享,或放回其他編輯工具中繼續處理。由於每個像素套用的計算都相同,因此這項操作在人物照、商標、螢幕截圖、插畫、掃描藝術品上的表現完全一致,而輸出檔案的大小只取決於原始解析度以及 PNG 編碼器的壓縮效率。

不同的人會因為截然不同的理由選擇色彩反相。設計師用它來檢查對比,找出前景元素融入雜亂背景的區塊。攝影師偶爾會反相一張影像,以便找出塵點、條紋或過曝的高光,這些瑕疵在深色天空背景下反而比淺色背景更容易看見。無障礙測試人員會反相頁面截圖,模擬在特定視覺條件下或使用高對比模式的使用者所看到的內容。製作社群媒體圖文的創作者會反相照片來營造陰鬱、超現實或復古的氛圍,而教育工作者則會反相圖表,讓白底黑線的線稿在投影機上更容易閱讀。

how to color invert a picture
how to color invert a picture

色彩反相會對圖片做什麼

色彩反相是一種逐通道的相減運算。每個像素都帶有三個色彩值,分別代表紅、綠、藍,每個值的範圍都在 0 到 255 之間。要反相一個像素時,工具會計算新的紅色通道為 255 減去原本的紅色、新的綠色通道為 255 減去原本的綠色、新的藍色通道為 255 減去原本的藍色。控制透明度的 alpha 通道則不會變動。同樣的公式套用在一個全白的像素 (255, 255, 255) 上會得到黑色 (0, 0, 0),而套用在一個全黑的像素上則會得到純白色。中間色調會轉換成視覺上的對應色:例如一個約 (135, 206, 235) 的天空藍像素,反相後會變成約 (120, 49, 20) 的暖棕色。

這個轉換完全是數學運算,因此具備確定性且可逆。如果對一張圖片反相兩次,原本值為 X 的每個通道,在第一次處理時會走到 255 減 X,再經過第二次處理時就會回到 X。當你只想暫時預覽負片效果、不打算把檔案存進磁碟時,這個可逆特性就非常實用。這也意味著反相本身不含任何失真壓縮步驟,不過最終輸出的 PNG 仍會對反相後的資料套用無損的 PNG 壓縮。

哪些檔案格式可以使用

Invert Image Colors 工具接受四種輸入格式:PNG、JPEG、GIF 和 WebP。PNG 和 WebP 可以攜帶透明度,因此這些檔案中任何 alpha 資訊在反相後都會被保留下來。JPEG 檔案沒有透明度通道,因此整張影像會被視為不透明。GIF 檔案可能攜帶單一的二元透明度值(像素不是完全透明就是完全不透明),這個旗標在反相過程中會逐像素保留下來。

輸出永遠是靜態 PNG,即使來源是動畫 GIF 或動畫 WebP 也一樣。對於動畫來源,工具只會反相並匯出第一個解碼幀,這對經常使用單幀素材的圖示設計師和貼圖創作者來說,讓結果更可預期。如果你需要保留動畫,可以把反相後的結果交給另一個專門的動畫 GIF 或動畫 WebP 工具重新編碼,但這已經超出反相步驟本身的範圍。

輸入格式支援透明度反相的幀數輸出格式
PNG是(完整 alpha)單一幀PNG
JPEG單一幀PNG
GIF是(1 位元二元)僅第一幀PNG
WebP是(完整 alpha)僅第一幀PNG

如何對圖片做色彩反相

只要準備好來源檔案,整個流程不到一分鐘就能完成。請依序執行下列步驟。

  1. 在瀏覽器中開啟 Invert Image Colors 頁面。
  2. 點選檔案選擇按鈕,從電腦中選擇 PNG、JPEG、GIF 或 WebP 檔案,或直接把檔案拖曳到上傳區域。
  3. 等待位元組容器偵測、瀏覽器解碼與尺寸驗證完成。工具會先檢查檔案是否為四種支援格式之一,並確認像素尺寸是否有效,才會執行其他動作。
  4. 檢視顯示的輸入預覽,確認原始圖片已正確載入,接著觀察工具反相解碼後的第一幀。
  5. 並排比對來源預覽與原始尺寸的 PNG 預覽。當反相完成後,就會顯示尺寸、輸出位元組大小以及下載控制項。
  6. 點選下載按鈕,將反相後的圖片以靜態 PNG 檔案儲存到電腦。

如果上傳區域回報格式或解碼錯誤,最常見的原因就是檔案損毀,或瀏覽器無法解碼的格式變體。從你的編輯器把圖片另存為標準的 PNG、JPEG、GIF 或 WebP 後再試一次,通常就能解決。針對非常大的圖片,請多給瀏覽器幾秒鐘時間處理解碼與反相,再點選下載。

反相圖片的實用情境

反相圖片會出現在比大多數人預期更多的作業流程中。Invert Image Colors 工具能產生乾淨的負片,直接放入設計檔案、簡報或網頁原型中,不必再做任何調整。

檢查對比。設計師有時會反相使用者介面的截圖,確認是否有文字或圖示消失在雜亂的背景中。原本難以察覺的問題,在負片中往往會以低對比的區塊突然顯現出來。

找出影像瑕疵。攝影師在尋找感測器灰塵、條紋或過曝的高光時,會反相單幀影像。原本融入明亮天空的小斑點,在反相後的明亮背景中會變得非常明顯的深色點。

營造陰鬱視覺。完整的反相能立刻為任何照片帶來超凡的氛圍,這在音樂宣傳圖、恐怖主題的社群貼文,以及風格化的專輯封面中都很受歡迎。由於這個運算不會失真,只要保留來源檔案,就能保有原始影像。

無障礙預覽。測試深色模式設計時,有時需要把淺色模式的來源預覽為負片。反相一張截圖比重新渲染整個版面更快,也能大致感受版面在高對比下的表現。

印刷與標誌製作。招牌製作人員需要知道單色反白的印刷效果時,可以先把作品反相一次,檢視負片是否易讀,再決定是否進入實際印刷。

反相與其他色彩調整的比較

了解完整的 RGB 反相和設計師有時會混淆的相關調整之間的差異會很有幫助。亮度調整是為每個通道加或減一個固定值,讓每個像素往白色或往黑色方向移動,但不會跨越中點。對比則是把每個通道到中點的距離加以倍乘,拉伸或壓縮色調範圍。色相與飽和度的調整則是旋轉色輪,或把顏色拉向灰色。完整的 RGB 反相與眾不同之處在於它會讓每個通道都通過精確的中點 127.5,這也是為什麼一張黑白影像反相後仍是另一張可辨識的黑白影像,而一張色彩豐富的照片則會變成互補色的色盤。

這種中點行為也是反相完全可逆,而亮度、對比、飽和度等調整通常不可逆的原因。這些操作都可能把通道值裁切到 0 或 255,而被裁切的值是無法還原的。反相則永遠不會裁切,因為原始值加上反相值永遠等於 255,這代表第二次處理時擁有重建原始影像所需的全部資訊。這個可逆性讓反相非常適合用於一次性、不打算儲存的預覽。

反相之後可以怎麼做

一旦在磁碟上拿到反相後的 PNG,就能像處理其他圖片一樣使用它。你可以把它開啟在設計工具中繼續編輯、放入文件、附加到電子郵件,或上傳到網站。如果你只需要反相來做快速的視覺檢查、並想回到原始影像,只要把反相後的 PNG 再丟進同一個工具跑一次即可。經過兩次反相後,每個 RGB 通道都會回到最初的數值,產生一張與最原始來源檔案在視覺上完全相同的圖片。透明度在兩次處理中都會被保留,因此來回處理後的透明表現與處理前完全一致。

接下來,反相後的圖片可以順暢地接上其他瀏覽器工具。Image Compressor 可以在輸出 PNG 太大時幫你縮小檔案。Image Resizer 能把負片縮放成特定像素尺寸,做成橫幅或縮圖。如果你想把反相後的像素值讀回為色彩代碼,Image Color Picker 可以從反相預覽中的任何位置抓取精確的 HEX 與 RGB 數值。如果想對反相後的輸出做更多創意轉換,如何水平或垂直翻轉影像以及如何為網頁壓縮影像等指南,會介紹流程中的後續步驟。

獲得最佳效果的訣竅

從您能取得最高品質的來源開始。由於反相是無損的,任何已經存在於 JPEG 來源中的壓縮失真,仍然會出現在反相後的 PNG 輸出中。如果來源 JPEG 在高對比邊緣處顯示可見的塊狀瑕疵,這些瑕疵同樣會出現在反相版本中,只是轉移到不同的調色盤。

留意透明度。具有平滑 alpha 漸層的 PNG 和 WebP 可以乾淨地反相,因為 alpha 通道不會被動到。如果您上傳的來源具有硬邊緣透明度,例如帶有銳利剪裁貼紙,那麼剪裁形狀會保持不變,只有彩色像素會翻轉。

上傳時注意檔案尺寸。非常大的影像,例如 8K 螢幕截圖或 6000 像素寬的產品照片,在瀏覽器中解碼可能需要數秒,逐像素反相則需要更長時間。如果在操作過程中瀏覽器分頁感覺遲緩,關閉其他吃資源的分頁並等待反相完成通常就能恢復。本工具不會對像素數量設定硬性上限,但實際限制取決於瀏覽器願意為單一分頁配置多少記憶體。

如果您想要只翻轉部分顏色的局部反相,那是另一種稱為通道混合器或選擇性色偏移的操作,需要更進階的編輯器。反轉影像顏色工具刻意限定為完整的 RGB 通道反相,因為這正是搜尋查詢所指的操作,並能產生多數讀者所期待的、可預測的相片負片效果。

隱私與處理

所有解碼、通道反相和 PNG 編碼都在瀏覽器分頁內完成。您選取的圖片不會離開您的電腦,這在處理含有私人資訊的螢幕截圖、客戶 mockup 或未公開的產品圖片時特別重要。不需要建立帳號,除了瀏覽器能舒適處理的範圍外沒有檔案大小限制,也不會在匯出的 PNG 上加上浮水印。

若想進一步了解,請參閱如何在不上傳檔案的情況下將一張影像疊加到另一張上

若想進一步了解,請參閱如何將影像向左、向右或旋轉 180 度