1,HSB 模式介绍
HSB 又称 HSV,表示一种颜色模式。在 HSB 模式中,颜色由如下三种值组成:
- H(hue)代表色相:在0~360°的标准色轮上,色相是按位置度量的。在通常的使用中,色相是由颜色名称标识的,比如红、绿或橙色。黑色和白色无色相。
- 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)