圖片調色與濾鏡
批次調整亮度、對比度、飽和度、色相,加入黑白、復古、模糊、銳化等效果
拖入圖片後選擇預設或拖動滑塊,結果會自動更新;在對比預覽中確認後下載或打包 ZIP。
也可以直接粘貼剪貼板中的圖片。圖片只在當前瀏覽器中處理,不會上傳。 支持 JPG、PNG、WebP、AVIF、BMP、GIF,每次最多 30 張,單張不超過 50 MB。
| 文件 | 原圖 | 結果 | 變化 | 操作 |
|---|
對比預覽
原圖
結果
範例
輸入
sample.png(頁面生成,1200×800)· 預設“復古”:懷舊 60%、對比度 110%、飽和度 80%、亮度 105%
示例結果
sample-adjusted.png · 1200×800,整體偏暖、對比略增,可在對比預覽中左右拖動查看
這些數值與 CSS 的 filter: sepia(60%) contrast(110%) saturate(80%) brightness(105%) 含義相同,但本頁的處理順序是固定的。
技術細節與邊界
顏色調整按 CSS Filter Effects 規範的公式逐像素計算:亮度為 c × b,對比度以 127.5 為中心縮放,飽和度、色相、灰度(0.2126 / 0.7152 / 0.0722 加權)和懷舊使用規範中的 3×3 矩陣,反相為 c × (1 − i) + (255 − c) × i。處理順序固定為模糊 → 亮度 → 對比度 → 飽和度 → 色相 → 灰度 → 懷舊 → 反相 → 銳化。模糊使用瀏覽器的高斯模糊,不支持時會禁用;銳化為 3×3 反銳化卷積。結果重新編碼,不保留元數據。
關於此工具
在瀏覽器本地批量調整圖片:亮度、對比度、飽和度、色相、灰度、懷舊、反相、模糊和銳化共 9 項參數,並提供黑白、復古、鮮艷、淡雅、反相等預設。拖動滑塊後自動重新計算,可用對比預覽檢查效果,單張下載或打包 ZIP,輸出原格式、JPEG、PNG 或 WebP。圖片不會上傳。
操作步驟
- 拖入、點擊選擇或粘貼圖片,一次最多 30 張。
- 選擇預設或拖動各項滑塊,結果自動更新;“全部復原”回到原圖參數。
- 在對比預覽中檢查效果,單張下載或打包 ZIP。
輸入 / 輸出說明
- 輸入
- JPEG、PNG、WebP、AVIF、BMP、GIF(只取第一幀),每次最多 30 張,單張不超過 50 MB。
- 輸出
- 調整後的 JPEG、PNG 或 WebP 文件,可單張下載或打包為 ZIP。
- 限制
- 參數作用於整張圖片,不支持局部調整、曲線、色階或 RAW 文件;不保留元數據和動畫。
注意事項
每次調整都從原圖重新計算,不會因反復拖動而累積損失。大圖加銳化會較慢,可先縮小尺寸再處理。
常見問題
- 怎樣把彩色照片批量轉成黑白?
- 選擇“黑白”預設即可,它設置灰度 100% 並把對比度提高到 110%。灰度按 0.2126、0.7152、0.0722 的亮度權重計算紅綠藍,比簡單取平均更接近人眼感受。一次最多 30 張。
- 這裡的調色參數和 CSS filter 一樣嗎?
- 公式相同:亮度 150% 即 brightness(150%),對比度以 127.5 為中心。在 Chrome 中與 CSS 濾鏡逐項比對,差值不超過 2 個色階;組合時順序固定。
- 銳化強度設多少比較合適?
- 照片一般設 20%–40%。銳化是 3×3 卷積,中心權重 1 + 4a、四鄰各 −a,強度 100% 時邊緣會出現明顯白邊。模糊範圍 0–20 像素,兩者同時使用時先模糊後銳化。
相關工具