美文网首页
iOS HSV颜色选择器

iOS HSV颜色选择器

作者: yitez | 来源:发表于2021-03-20 14:23 被阅读0次

我们平时使用颜色的时候,大多数都是RGBA模式,最近项目里需要做HSV颜色模式的颜色选择器:


image.png

以上图为例:
H(色调):滑动条颜色从左到右,为0~1变化。
S(饱和度):圆环从左到右,为0~1变化。
V (明亮度):圆环从上到下(图中黑色位于下面),为1~0变化。
HSV的色值可以和RGB进行互相转化,固定公式。

#mark RGB转HSV
max=max(R,G,B);
min=min(R,G,B);
V=max(R,G,B);
S=(max-min)/max;

if (R = max) H =(G-B)/(max-min)* 60;
if (G = max) H = 120+(B-R)/(max-min)* 60;
if (B = max) H = 240 +(R-G)/(max-min)* 60;
if (H < 0) H = H+ 360;
#MARK HSV传RGB
if (s = 0)
R=G=B=V;
else
H /= 60;
i = INTEGER(H);
f = H - i;
a = V * ( 1 - s );
b = V * ( 1 - s * f );
c = V * ( 1 - s * (1 - f ) );
switch(i)
case 0: R = V; G = c; B = a;
case 1: R = b; G = v; B = a;
case 2: R = a; G = v; B = c;
case 3: R = a; G = b; B = v;
case 4: R = c; G = a; B = v;
case 5: R = v; G = a; B = b;

iOS也提供了相应的API可以获取HSV和RGB值的方法,很方便:

    #mark 获取HSV
        var H:CGFloat = 0
        var S:CGFloat = 0
        var V:CGFloat = 0
        var alpha:CGFloat = 0
         color.getHue(&H, saturation: &S, brightness: &V, alpha: &alpha)
    #mark 获取RGB
       var r: CGFloat = 0
        var g: CGFloat = 0
        var b: CGFloat = 0
        var a: CGFloat = 0
        color.getRed(&r, green: &g, blue: &b, alpha: &a)

以下为demo地址:
https://github.com/yitezh/YTHSVColorPicker

相关文章

  • iOS HSV颜色选择器

    我们平时使用颜色的时候,大多数都是RGBA模式,最近项目里需要做HSV颜色模式的颜色选择器: 以上图为例:H(色调...

  • 【DIP】人脸皮肤检测方法汇总

    Tags:DIP HSV 颜色阈值分割 先将图像转换到HSV空间,然后在HSV空间进行阈值分割两种颜色阈值都可以试...

  • HSV颜色检测

    如果要进行颜色检测,HSV颜色空间是当前最常用的。 HSV(Hue, Saturation, Value)是根据颜...

  • Python颜色光谱单色效果图

    一、HSV(HSB)颜色模型   HSV,又称HSB颜色模型。 H是hue的首字母,表示色调,取值范围0到360,...

  • HSV颜色空间

    HSV(Hue, Saturation, Value)是根据颜色的直观特性由A. R. Smith在1978年创建...

  • 图像处理基本概念

    0、HSV HSV (Hue, Saturation, Value)颜色的参数分别是:色调(H),饱和度(S),明...

  • Fastled 02

    1 solid 全部关闭 2 HSV 颜色改变

  • 图像处理之_常用的色板

    1. 说明  有时候需要从图像中判断某种颜色,或者获取某个颜色区域,此时常用HSV色板判断。因为在HSV的色彩空间...

  • Python RGB 转HSV

    说明 opencv识别图像中的颜色时需要HSV参数,本文提供一个RGB转化HSV Python代码,方便开发中使用...

  • OpenCV图像处理(二)颜色空间转换

    1、cvtColor()函数 cvtColor()函数是OpenCV中的颜色转换函数,可以实现RGB颜色向HSV/...

网友评论

      本文标题:iOS HSV颜色选择器

      本文链接:https://www.haomeiwen.com/subject/ybkwcltx.html