图像混合模式 在两张图片之间应用Photoshop风格的混合模式：乘法、屏幕、叠加等。

What Is 图像混合模式?

一种图像混合模式工具，使用Photoshop风格的混合操作合成两张图片。您可以从15种混合模式中选择，包括乘法、屏幕、叠加、变暗、变亮、颜色减淡、颜色加深、强光、弱光、差值、排除、色调、饱和度、颜色和明度。同时，可以调整混合不透明度，从0%到100%。该工具使用Canvas的globalCompositeOperation实现GPU加速的图像混合。

Why Use 图像混合模式?

• 15种专业的混合模式
• 可调节的混合不透明度（0-100%）
• GPU加速的Canvas合成
• 所有混合效果的实时预览

Common Use Cases

照片编辑

将纹理、渐变或特效混合到照片中。

设计

使用专业的混合模式创建分层组合。

色彩分级

应用颜色叠加，使用屏幕或乘法模式。

创意特效

通过混合不同的图像生成独特的视觉效果。

Technical Guide

Canvas的globalCompositeOperation实现了CSS Compositing Level 1中的混合模式。首先，底层图片以source-over方式绘制。然后，混合图片在上面以选定的合成操作和globalAlpha不透明度绘制。乘法通过将颜色值相乘来变暗，而屏幕则通过反转、相乘和再次反转来变亮。叠加模式根据底层图像的亮度结合了乘法和屏幕两种方式。所有操作均由硬件加速。

Tips & Best Practices

• 1
  乘法会使图片变暗 -- 适合添加阴影和纹理
• 2
  屏幕模式会使图片变亮 -- 适合添加光效
• 3
  叠加模式会增强对比度 -- 适合用于纹理叠加
• 4
  差异模式会产生色彩反转的迷幻效果

Related Tools

图像叠加混合

使用Photoshop风格的混合模式（如乘法、屏幕和叠加）将两张图片混合在一起。

🖼️ Image Tools

图像色相旋转

旋转图像中所有颜色的色相，实现创意的色彩变换效果。

🖼️ Image Tools

图像通道分离器

将一张图片拆分成独立的红、绿、蓝和透明度通道图片。

🖼️ Image Tools

垂直翻转图像

将图像垂直翻转（倒置）并立即处理。

🖼️ Image Tools

Frequently Asked Questions

Q 可用的混合模式有哪些？

15种模式：乘法、屏幕、叠加、变暗、变亮等10种。

Q 不同大小的图片怎么处理？

两张图片都会被缩放到较大的一张图片的尺寸。

Q 是否可以控制不透明度？

是的 -- 0%（无混合）至100%（完全混合）。

Q 质量如何？

GPU加速的合成保留了完整的质量。

Q 图层顺序是什么？

底图在下，混合图像在上。

About This Tool

图像混合模式 is a free online tool by FreeToolkit.ai. All processing happens directly in your browser — your data never leaves your device. No registration or installation required.