色调分离 🎨

通过减少每个颜色通道的色阶数量应用色调分离效果,呈现风格化的平面感。

点击浏览或将图片拖放到此处

JPG、PNG、WebP

关于色调分离效果

这个色调分离工具完全在浏览器中运行。拖放或选择一张图片,将色阶数在 2 到 16 之间设置,然后点击应用。对于每个像素,每个 RGB 通道值都会通过公式 Math.round(value / 255 * (levels − 1)) / (levels − 1) * 255 重新映射到 levels 个离散值之一。较低的值产生平面、海报般的色块;较高的值接近原图。整个过程不会上传任何数据,所有处理通过 JavaScript 在你的设备上本地完成。

如何使用

  1. 点击拖放区或将图片文件拖放到上面。
  2. 拖动色阶数滑块——值越小颜色越少、效果越强烈。
  3. 点击应用将效果应用到图片上。
  4. 点击下载保存结果,重置恢复原图,或清空重新开始。

常见问题

色阶数代表什么? 它是每个 RGB 通道的不同值数量。2 色阶时总颜色数为 2³ = 8;4 色阶时总颜色数为 4³ = 64。

输出格式是什么? 下载的是 PNG 文件。这能保留细节并避免压缩伪影。

这个工具会上传我的图片吗? 不会。所有处理都在本地浏览器中完成,图片永远不会离开你的设备。

可以多次应用效果吗? 可以。每次应用都作用于当前画布,连续点击会叠加效果。使用重置可回到原图。