功能介绍
本工具提供基于Canvas像素操作的图片调色功能,可实时调整图片的亮度、对比度、饱和度和色相,调整完成后可导出PNG或JPEG格式图片,无需上传图片到服务器,所有计算都在本地浏览器完成。
使用方法
- 点击「选择图片」上传需要调整的图片,图片最大会被缩放至800像素宽/高以保证性能。
- 拖动四个调节滑块分别调整亮度、对比度、饱和度和色相,调整结果会实时显示在画布上。
- 调整完成后点击「导出PNG」或「导出JPEG」下载调整后的图片。
- 点击「重置参数」可将所有参数恢复为默认值,回到原始图片状态。
调整原理
- 亮度:对每个RGB通道增加固定偏移值,范围 -100 ~ +100。
- 对比度:围绕中灰色(RGB值128)进行缩放调整,对比度公式:
输出 = 对比度系数 × (输入 - 128) + 128,对比度系数计算:(259 × (对比度值 + 255)) / (255 × (259 - 对比度值))。 - 饱和度:通过灰度插值调整饱和度,计算公式:
输出 = 灰度值 + 饱和度系数 × (原颜色 - 灰度值),灰度值根据人眼对三原色的感知权重计算:灰度 = 0.299R + 0.587G + 0.114B。 - 色相:在RGB色彩空间对色相进行旋转调整,范围 -180° ~ +180°,通过 hue 旋转矩阵计算新的RGB值。
注意事项
- 所有调整都是在本地浏览器完成,图片不会上传到服务器,保护您的隐私。
- 调整后的图片导出后,文件大小和质量取决于原始图片和导出格式。
- 本工具仅供学习和设计参考使用,调整结果仅供参考,不构成专业图像处理建议。