图片调色工具

在线调整图片的亮度、对比度、饱和度和色相,滑块实时预览,调整后下载,纯浏览器本地处理,不上传图片。

0
100
100
0

请选择一张图片开始调色。

功能说明

本工具基于 HTML5 Canvas 技术,直接在浏览器中处理图片像素。您可以选择本地图片,通过四个滑块分别调整亮度、对比度、饱和度和色相,调整结果实时显示在画布上,并支持导出为 PNG 或 JPEG 格式。整个过程无需上传图片到服务器,保护您的隐私。

使用方法

计算原理

每个像素的 RGB 值按以下顺序处理:

调整项公式
亮度R = R + offset,G、B 同理
对比度R = (R - 128) × factor + 128
饱和度gray = 0.299R + 0.587G + 0.114B;R = gray + (R - gray) × factor
色相使用 RGB 旋转矩阵,角度由滑块值决定

所有结果会钳制在 0-255 之间,确保颜色有效。

注意事项

为什么调整后图片颜色变得很奇怪?

这通常是因为色相调整角度较大,或者对比度、饱和度设置过高。建议逐步微调滑块,观察实时效果。另外,不同图片的原始色彩分布不同,极端参数可能导致颜色失真,可以点击“重置”恢复原图重新调整。

可以处理透明背景的 PNG 图片吗?

可以。Canvas 会保留 alpha 通道,调整只影响 RGB 值,透明区域不受影响。导出 PNG 时透明背景会保留,但导出 JPEG 时透明区域会被填充为黑色,这是 JPEG 格式本身的限制。

为什么导出 JPEG 后文件比原图大?

JPEG 的压缩率与图片内容复杂度有关。如果调整增加了色彩细节(如提高对比度),文件大小可能增加。另外,导出时默认质量参数为 0.92,属于较高画质,您可以接受较大的文件。如果需要更小的文件,建议使用图片压缩工具。

我的图片很大,处理时浏览器卡顿怎么办?

大尺寸图片的像素处理需要较多计算资源。建议先用其他工具将图片缩小到合适尺寸(如宽度不超过 2000 像素),再使用本工具调整。另外,关闭其他浏览器标签页也有助于提升性能。