图片变色HSV-shader

一、认识颜色

颜色在程序眼中是红、绿、蓝（rgb），在设计师眼中却是色相、饱和度和明度（hsv）。

1.色相（Hues）

H色彩所呈现出来的面貌，是色彩的首要特征，指饱和度和亮度都为100%时的颜色。比如下面图中色相环上的12种颜色、就是12个色相，每一个颜色就是一种色相。色相取值范围是0°~360°，这个值告诉我们我们是啥颜色。色相环有6色相环、12色相环、24色相环、48色相环等，就是给[红、橙、黄、绿、蓝、紫、红]之间差值。

 

2.饱和度（Saturability）

S饱和度，指颜色的鲜艳程度，也称颜色的纯度，数值为0时是灰色。取值范围0～100%，通过调节饱和度可以得到一个颜色的同类色（同色系）。例如：

3.亮度（Brightness）

B亮度，也称做明度。为0时是黑色，最大亮度是颜色最鲜明的状态。范围是0～100%。例如：