[Swift]获取UIColor的HSV/HSB值(Hue色相、S饱和度、B亮度)

在平时开发中我们使用的都是 RGB 颜色模式,即通过红、绿、蓝三原色来表示一种颜色。RGB 是对机器很友好的色彩模式,但并不够人性化。相对于 RGB,还有种 HSB(也叫 HSV)颜色模式,该模式更便于描述人眼对与颜色的感觉。

1,HSB 模式介绍

[Swift]获取UIColor的HSV/HSB值(Hue色相、S饱和度、B亮度)

 

HSB 又称 HSV,表示一种颜色模式。在 HSB 模式中,颜色由如下三种值组成:
  • H(hue)代表色相:在0~360°的标准色轮上,色相是按位置度量的。在通常的使用中,色相是由颜色名称标识的,比如红、绿或橙色。黑色和白色无色相。
[Swift]获取UIColor的HSV/HSB值(Hue色相、S饱和度、B亮度)
  • S(saturation)表示饱和度:表示色彩的纯度,为0时为灰色。白、黑和其他灰色色彩都没有饱和度的。在最大饱和度时,每一色相具有最纯的色光。取值范围0~100%。数值越大,颜色中的灰色越少,颜色越鲜艳,呈现一种从灰度到纯色的变化。
  • B(brightness)表示亮度:其作用是控制色彩的明暗变化。它同样使用了 0% 至 100% 的取值范围。数值越小,色彩越暗,越接近于黑色;数值越大,色彩越亮,越接近于白色。

结论

以上两种颜色的S数值接近,是强烈的状态。H显示的度是代表在色轮表里某个角度所呈现的色相状态,相对于饱和度(S)和亮度(B)来说,意义不大。
对 UIColor 进行扩展,增加 hsba 属性。用于返回当前颜色对应的 HSB 值。
 1 import UIKit
 2  
 3 extension UIColor {     
 4     // 返回HSBA模式颜色值
 5     public var hsba: (hue: CGFloat, saturation: CGFloat, brightness: CGFloat, alpha: CGFloat) {
 6         var h: CGFloat = 0
 7         var s: CGFloat = 0
 8         var b: CGFloat = 0
 9         var a: CGFloat = 0
10         self.getHue(&h, saturation: &s, brightness: &b, alpha: &a)
11         return (h * 360, s, b, a)
12     }
13 }

测试:playground

 1 print("--- 橙色HSB值 ---")
 2 print("色相:", UIColor.orange.hsba.hue)
 3 print("饱和度:", UIColor.orange.hsba.saturation)
 4 print("亮度:", UIColor.orange.hsba.brightness)
 5 print("透明度:", UIColor.orange.hsba.alpha)
 6  
 7 print("--- 自定义颜色HSB值 ---")
 8 let color = UIColor(red: 0x37/255, green: 0xba/255, blue: 0x46/255, alpha: 0.5)
 9 print("色相:", color.hsba.hue)
10 print("饱和度:", color.hsba.saturation)
11 print("亮度:", color.hsba.brightness)
12 print("透明度:", color.hsba.alpha)

 

上一篇:iOS 混合变换旋转 CGAffineTransform 的使用


下一篇:swift开发中那些值得借鉴的写法