跳至主要內容

所有處理都在您的瀏覽器中本地完成

Image Machine logo
Image Machine

自然飽和度與飽和度 — 線上增強色彩,避免過度飽和

上傳圖片以調整

接受格式:JPG、PNG、WEBP、BMP、GIF(非動畫)

上傳圖片

貼上 (Ctrl/⌘+V) 或拖放圖片 — 或從網址匯入

自然飽和度(Vibrance)是更智慧的非線性飽和度控制工具。普通飽和度將每種顏色的強度乘以相同的量——天空、皮膚和已經鮮豔的顏色很快就會超出顯示範圍,產生刺眼的「霓虹」效果——而自然飽和度套用的是加權提升,對中等飽和度的顏色提升幅度最大,並在兩端逐漸減弱。接近灰色和已經鮮豔的像素改變最少,而偏淡的中間範圍顏色獲得最大的提升。結果是照片看起來更豐富、更有活力,而不會有卡通般的過飽和感,這就是為什麼自然飽和度是 Lightroom 和大多數手機相機應用程式中的「讓它更好看」滑桿。本工具提供兩個選項:自然飽和度滑桿用於受保護的非線性提升,飽和度滑桿用於在其上進行經典的均勻調整。向右拖動任意一個以加強顏色,向左拖動以將圖片淡化為灰階。它在 HSL 色彩空間中工作,因此只有每個像素的飽和度改變——色相和亮度被保留,完全灰色的像素保持完全灰色。所有操作均在 HTML canvas 上在瀏覽器中本地執行:圖片不會被上傳,透明度被保留,無需登入,無浮水印。

自然飽和度與飽和度,在同一張照片上實測

會發生什麼飽和度 +50自然飽和度 +50
被推到頂、細節就此消失的顏色1,080,000 個像素裡有 304,138 個,也就是整張照片的 28.16% 被壓平。0 個。這不是把小數字四捨五入掉:自然飽和度的提升量在顏色接近全飽和時會縮到零,所以它根本推不過那條線。
本來就鮮豔的顏色(0.7 以上,這張照片有 294,801 個像素)飽和度增加 0.147。只增加 0.058,少了 2.5 倍。兩者的分歧就在這裡。
本來就偏灰的顏色(低於 0.3,這張照片有 336,124 個像素)飽和度增加 0.105。增加 0.080。兩者在這裡幾乎一致,而這正好和一般解釋這個差別的方式相反。
灰色不動。沒有顏色的像素沒有東西可以乘。同樣不動,理由相同。兩個滑桿都在 0 時是完全的空操作:1,080,000 個像素中有 0 個改變。
色相與明度明度最多移動 255 分之 0.5,色相最多移動 10 度。明度同樣是 255 分之 0.5,色相最多 5.14 度。兩個滑桿都不會寫入任何一個位元組的透明度。

在一張 1200x900 的照片(1,080,000 個像素)上實測,跑的是本頁自己的程式碼,也就是瀏覽器實際執行的 applyVibranceToData,不是替代品。可用 scripts/measure-vibrance.mts 重現。兩個滑桿的差別來自一個項:飽和度是相乘,所以提升量會隨著像素原本的飽和度直線成長;自然飽和度加上的量以 s(1-s) 加權,在中間最大、在兩端降為零。在 +50 的設定下,一個飽和度 0.10 的像素,飽和度給 +0.050,自然飽和度給 +0.045;在 0.50 是 +0.250 對 +0.125;在 0.90 是 +0.100 對 +0.045。只不過在 0.75 和 0.90 時,飽和度早已撞到天花板停住了,那 304,138 個被壓平的像素就是這麼來的。所以實用的規則不是「自然飽和度把偏灰的顏色提得更多」,它並沒有。而是自然飽和度會放過鮮豔的顏色,而鮮豔的顏色正是最先壞掉的那一批。還有一個對常見說法的誠實更正,這一頁在查證之前也這麼說過:色相並非完美保留。轉成 HSL、改一個通道再轉回來會四捨五入到整數位元組,而接近灰色的顏色正是一個單位的捨入把色相甩得最遠的地方。自然飽和度最壞 5.14 度,飽和度最壞 10 度,在那個幅度下肉眼看不出來,但這是量出來的,不是斷言的。

使用方法

1

選擇工具

從 168+ 款工具中選擇,調整尺寸、轉換、壓縮或增強您的圖像。

2

上傳並編輯

拖放您的圖像並調整設定。檔案始終保留在您的裝置上。

3

下載

立即儲存您的成果 — 無浮水印,也無需註冊。

為什麼選擇 Image Machine?

您的檔案永不離開裝置

所有處理都在您的瀏覽器本機完成,您的圖像絕不會上傳至伺服器。

完全免費

每款工具都免費,沒有使用限制、沒有浮水印,也沒有任何隱藏費用。

極速處理

無需等待上傳 — 您的圖像在自己的裝置上即時處理完成。

專業品質

像素級精準的輸出,可完全掌控格式、尺寸與品質。

常見問題

自然飽和度和飽和度有什麼區別?

飽和度將每個像素的色彩濃度乘以相同的係數,因此它同時提升暗淡和鮮豔的顏色——這很快就會將已經鮮豔的顏色推到無法顯示的程度,產生刺眼的「霓虹」效果。自然飽和度改為套用加權提升:它增加的提升對中等飽和度的顏色最強,並向兩端逐漸減弱,因此接近灰色和已經鮮豔的顏色改變很少,而偏淡的中間範圍獲益最多。簡而言之,飽和度是均勻提升,自然飽和度是受保護的提升——當你想要更豐富的顏色而不過度放大最鮮豔的區域時,請使用自然飽和度。

自然飽和度對人像和膚色更好嗎?

通常是的。由於自然飽和度對已有一定飽和度的任何顏色的提升,比平坦的飽和度提升要少,而且隨著顏色接近完全飽和而進一步減弱——它對膚色和其他已有顏色的區域更溫和,因此在為人像增添活力的同時不會讓皮膚顯得橙色或斑駁。一個好的工作流程是依靠自然飽和度完成大部分提升,如果整體圖片仍然看起來平淡,再少量添加飽和度。

可以使用這些滑桿來淡化顏色或製作灰階照片嗎?

可以。兩個滑桿在負方向上也有效。將飽和度完全拉到左邊,可以將每種顏色完全拉到灰階;拉一半路程可獲得褪色、啞光的膠片風格。負向自然飽和度使用相同的保護性加權來降低顏色——完全灰色的像素始終保持灰色——這對於在不完全壓平過度豐富的圖片的情況下調低顏色很有用。

圖片會上傳嗎?透明度會保留嗎?

不上傳——自然飽和度與飽和度在 HTML canvas 上完全在瀏覽器中執行,因此圖片不會離開你的裝置,且頁面載入後可離線使用。調整在 HSL 色彩空間中完成,只改變每個像素的飽和度:色相和亮度被保留,完全灰色的像素保持完全灰色,alpha 通道保持不變,因此 PNG 的透明區域保持透明。無需登入,無浮水印。

編輯工具

翻轉圖片

GIF 轉 Sprite 工作表

色版混合器

底片顆粒

移軸

像素排序