UnityShader：HSV(色相，饱和度，亮度)转换

最新推荐文章于 2026-04-25 17:06:37 发布

原创

最新推荐文章于 2026-04-25 17:06:37 发布 · 置顶 · 1.3w 阅读

标签

#unity3d #Shader

收录于

Unity中，美术常使用HSV调整颜色，因为可以独立改变色相、饱和度和亮度。通过HSV调整颜色比RGB更直观，比如仅改变色相就能实现颜色偏向。本文介绍了HSV的转换，并提供了Unity Shader实现色相调整的代码，应用到游戏中可以实现类似角色变色的效果，也可用于调整场景氛围和饱和度，甚至创建黑白图像。

发现其实美术调整颜色的时候大部分都是调整的HSV，因为可以方便的分别调整色相(hue)、饱和度(saturation)和色调(value)。例如人们要将颜色调整的偏红一点，那么只需要修改色相，如果使用RGB的话，就需要同时调整3个值，仅仅只是增加R值的话，理论上讲，只是把红色值加重了而已。就算是平时使用的调色板，大部分也是按照HSV来的，例如U3D的调色板：
这里写图片描述

颜色空间有很多中,RGB、HSL、HSV、CMYK...等等好多，如果有兴趣的话可以去搜搜。但我们这里只用HSV 。
比如一张贴图是红色系的，我们要改成绿色系，只需要将hue值偏移到绿色值就好了。
各种颜色空间转换的公式：
http://www.easyrgb.com/index.php?X=MATH&H=22#text22

方法我们知道了，公式也有了，下面直接写代码。

Shader "Tornado/ColorGradation_HSV" {
    Properties {
        //贴图
        _MainTex ("MainTex (RGB)", 2D) = "white" {}
        //Hue的值范围为0-359. 其他两个为0-1 ,这里我们设置到3，因为乘以3后 都不一定能到超过.
        _Hue ("Hue", Range(0,359)) = 0
        _Saturation ("Saturation", Range(0,3.0)) = 1.0
        _Value ("Value", Range(0,3.0)) =