图片着色
给图片添加色调，调整颜色氛围，支持多种颜色选择
最后更新: 2026/4/8
点击或拖拽上传图片
支持 JPG、PNG、GIF 等格式
使用说明
- 上传图片后自动应用色调效果，调整颜色和强度实时预览
- 色调效果：为图片添加指定颜色的滤镜
- 强度控制色调的覆盖程度，0% 为原图，100% 为纯色覆盖
- 所有处理均在浏览器本地完成，不会上传服务器
分享：
使用说明
- 上传图片
- 调节色相、饱和度、明度参数
- 可选择作用于全图或特定颜色范围
- 点击应用并下载
核心功能
- 1颜色叠加染色使用 Canvas 像素级操作，将选定颜色以指定强度叠加到图片的每个像素上，实现染色效果
- 2强度调节提供 0-100% 的染色强度滑块，0% 保留原图，100% 完全染色，可精细控制颜色混合比例
- 3任意颜色选择内置颜色选择器，可选择任意 RGB 颜色作为染色目标色
- 4实时预览下载调整颜色或强度后立即预览效果，满意后导出为 PNG 格式
适用场景
✓
照片调色
为灰暗的照片增加暖色调或冷色调。
✓
品牌色统一
将产品图统一调整为品牌主色调。
✓
情绪表达
为照片添加特定色调营造不同情绪氛围。
相关工具
关联介绍
什么是色相调整
色相调整改变颜色的色相值（颜色本身，如红转蓝）。HSL/HSV色彩空间中H值0-360度。色相环旋转一圈回到原色。CSS filter: hue-rotate(90deg)可将图像整体偏色。
什么是饱和度
饱和度是颜色的纯度/鲜艳程度。0%为灰度，100%为纯色，超过100%为过饱和。饱和度过高刺眼，适度饱和更自然。CSS filter: saturate(150%)可增强色彩鲜艳度。