ShaderJoy —— 色调分离，饱和度、色阶调整，色调、对比度的自动调整【GLSL】

野性酷女 2023-02-18 03:04 131阅读 0赞

# 原图 #

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BhbmRhMTIzNGxlZQ_size_16_color_FFFFFF_t_70][]

# 色调分离 #

色调分离的核心思想，一句话总结，就是将 R, G, B 三个通道 0-255 的色调区间分别强制划分到给定的区间里。

效果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BhbmRhMTIzNGxlZQ_size_16_color_FFFFFF_t_70 1][]

代码：

#iUniform float STEPS = 2. in {1.0, 80.0} ///< 分成几个色阶
    #iChannel0 "file://../images/yinkong.jpg"
    
    void mainImage( out vec4 fragColor, in vec2 fragCoord )
    {
        vec2 uv = fragCoord.xy / iResolution.xy;

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BhbmRhMTIzNGxlZQ_size_16_color_FFFFFF_t_70]: https://img-blog.csdnimg.cn/20200615161754446.jpg?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BhbmRhMTIzNGxlZQ==,size_16,color_FFFFFF,t_70
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BhbmRhMTIzNGxlZQ_size_16_color_FFFFFF_t_70 1]: https://img-blog.csdnimg.cn/20200615160137859.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3BhbmRhMTIzNGxlZQ==,size_16,color_FFFFFF,t_70

发表评论取消回复

表情：

评论列表（有 0 条评论，131人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android Palette 提取图片的主色调

**博主声明**： > 转载请在开头附加本文链接及作者信息，并标记为转载。本文由博主威威喵原创，请多支持与指教。 > 本文首发于此博主：[威威喵][Lin...

妖狐艹你老母/ 2024年04月18日 14:13/ 0 赞/ 88 阅读

相关【Unity3D】调整屏幕亮度、饱和度、对比度

1 屏幕后处理流程调整屏幕亮度、饱和度、对比度，需要使用到屏幕后处理技术。因此，本文将先介绍屏幕后处理流程，再介绍调整屏幕亮度、饱和度、对比度的实现。本文完整资源见

拼搏现实的明天。/ 2024年03月23日 21:46/ 0 赞/ 104 阅读

相关 ShaderJoy —— 色调分离，饱和度、色阶调整，色调、对比度的自动调整【GLSL】

原图 ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3

野性酷女/ 2023年02月18日 03:04/ 0 赞/ 132 阅读

相关 ProcessingJoy —— 色调映射（Tone Mapping）【JAVA】【GLSL】

效果图 ![20210107192629477.gif][] 使用未插值的颜色表 ![20210107192348591.gif][] 使用插值的颜色表代码和注释

布满荆棘的人生/ 2023年01月03日 06:12/ 0 赞/ 164 阅读

相关利用PS调整图片文件的色彩饱和度

第一步：访问[https://www.photopea.com/][https_www.photopea.com] 第二步：将所需要处理的图片打开第三步：使用快捷键Ctr

Dear 丶/ 2022年11月16日 15:12/ 0 赞/ 411 阅读

相关色调映射 Tonemapping

Tonemapping is usually understood as the process of mapping color values from [HDR][] (h

╰+攻爆jí腚メ/ 2022年08月18日 00:59/ 0 赞/ 186 阅读

相关 Cocos2d-js 3.0 颜色变换（调整sprite/图片的色调）

Flash在滤镜方面做得比较成熟，starling也有很多现成的办法。但Cocos2D这里就显得比较单薄，百度/谷歌很少相关资料。后续如果有时间，再慢慢整理各

悠悠/ 2022年08月08日 03:21/ 0 赞/ 164 阅读

相关 Cocos2d-js 3.0 颜色变换（调整sprite/图片的色调）

Flash在滤镜方面做得比较成熟，starling也有很多现成的办法。但Cocos2D这里就显得比较单薄，百度/谷歌很少相关资料。后续如果有时间，再慢慢整理各种滤镜效果

浅浅的花香味﹌/ 2022年08月03日 14:58/ 0 赞/ 129 阅读

相关 Unity Shader-后处理：简单的颜色调整（亮度，饱和度，对比度）

好久没坚持写blog了，是时候开始撸一波新博文了！学习Unity有一段时间了，关于Shader的书也看了几本《Unity Shader入门精要》，《Unity 3D Shade

古城微笑少年丶/ 2022年07月18日 01:06/ 0 赞/ 308 阅读

相关 android图像处理系列之三－－图片色调饱和度、色相、亮度处理

转自：http://blog.csdn.net/luohai859/article/details/25388441 原图： ![5307672_1323958010aZc

怼烎@/ 2022年05月13日 06:08/ 0 赞/ 251 阅读