UIColor、HSV與RGB顏色空間轉換全解Colorful ColorfulEntity.swift顏色模型詳解【免費下載鏈接】Color-Picker-for-iOSColorful: iOS color picker built with Swift.項目地址: https://gitcode.com/gh_mirrors/co/Color-Picker-for-iOSColorful 是一款用 Swift 編寫的 iOS 取色器color picker組件其核心顏色模型位于Colorful/Classes/ColorfulEntity.swift。本文以該開源項目為例系統(tǒng)講清 UIColor、HSV、RGB 三大顏色空間以及它們之間顏色轉換的完整鏈路幫助新手快速看懂 iOS 顏色空間轉換的底層原理。三大顏色空間入門RGB、HSV 與 UIColor先搞清楚概念這是理解一切轉換的前提顏色空間全稱描述顏色的方式RGBRed Green Blue紅、綠、藍三通道混合每通道 0–255HSVHue Saturation Value(Brightness)色調什么色 飽和度純度 明度亮暗UIColorUIKit 顏色類型iOS 統(tǒng)一顏色類型內部可承載 RGB、HSB、灰度等多種表示取色器為什么選 HSV 而不是 RGB因為人腦對顏色的直覺是色調 純度 明暗——鮮亮一點的紅色這種說法天然就是 HSV 語言。Colorful 的交互正是如此圓形色輪負責選 Hue角度和 Saturation半徑右側滑桿負責選 Brightness。Colorful 顏色模型的 3 個核心結構體Colorful 用一個輕量的 Swift struct 把顏色建模為三層全部定義在Colorful/Classes/ColorfulEntity.swift中結構體字段職責HSVColorcolorSpace / hue / saturation / brightness完整顏色取色器當前選中色的數(shù)據(jù)模型HSColorcolorSpace / hue / saturation不含明度的顏色用于色輪位置的正反向計算RGBColorred / green / blue均為 UInt80–255 的 RGB 結果供位圖像素寫入使用此外還有一個HRColorSpace枚舉同文件 L11–L14定義了兩種可選色域.sRGB標準 sRGB 色域絕大多數(shù)圖片與網頁的默認顏色空間.extendedSRGB擴展 sRGB 色域對應 Apple Display P3 廣色域能呈現(xiàn)比 sRGB 更鮮艷、更深的顏色。 為什么叫 extendedSRGB 而不是直接叫 P3因為UIColor(displayP3Red:green:blue:alpha:)返回的顏色在擴展范圍 sRGB色彩空間中表達通道值允許超出 0–1 范圍這是 Apple 官方的實現(xiàn)方式。UIColor 轉 HSV官方 getHue API 的實戰(zhàn)用法把任意一個UIColor拆成 HSV關鍵是HSVColor的init(color:colorSpace:)方法Colorful/Classes/ColorfulEntity.swiftL36–L62它分三步完成色域歸一化先通過cgColor.converted(to:intent:options:)把輸入顏色轉換到目標色彩空間sRGB 或 Display P3保證讀到的通道值是正確的解釋結果提取通道分量從轉換后的 CGColor 中讀取 RGB 分量若分量不足 3 個比如灰度色直接復制同一值一步轉 HSV調用 UIKit 自帶的getHue(_:saturation:brightness:alpha:)完成 RGB → HSV 換算。核心就這一小段UIColor(red: red, green: green, blue: blue, alpha: 1) .getHue(h, saturation: s, brightness: b, alpha: nil)這就是RGB 轉 HSV的官方入口系統(tǒng)內部處理了全部三角函數(shù)與最大值判斷不需要手寫任何公式。HSV 轉 RGB一行代碼生成 UI 顏色反向轉換更簡單。HSVColor的計算屬性sRGBUIColor同文件 L75–L77UIColor(hue: hue, saturation: saturation, brightness: brightness, alpha: 1)用UIColor的init(hue:saturation:brightness:alpha:)構造器由 HSV 參數(shù)拼出 RGB 顏色這是HSV 轉 UIColor的標準姿勢。接著rgbColor屬性L68–L73再把它換算成 0–255 的UInt8三元組RGBColor供色輪位圖的每個像素直接使用。sRGB 與 extendedSRGBDisplay P3 廣色域詳解輸出最終顏色時uiColor屬性L90–L97按色域分兩條路.sRGB→ 直接返回UIColor(hue:...)構造的 sRGB 顏色.extendedSRGB→ 先把 HSV 轉成 sRGB 下的 0–255RGBColor再把這組數(shù)值作為 P3 通道值喂給UIColor(displayP3Red:green:blue:alpha:)還原廣色域表現(xiàn)。這里有個值得記住的技巧同一組數(shù)字換一種色彩空間去解釋就能得到更鮮艷的顏色。這正是數(shù)值不變、解釋變了的廣色域思路。色輪位圖在Colorful/Classes/ColorMapView.swift的createColorMapImage方法L31–L67中也完整跑了一遍轉換閉環(huán)逐像素掃描用極坐標公式算出每個點的 HS 值再經 HSV → RGB 寫入位圖緩沖最后用對應的CGColorSpaceDisplay P3 或 sRGB封裝成CGImage顯示。一個巧妙的細節(jié)光標邊框 borderColor 自適應borderColor屬性Colorful/Classes/ColorfulEntity.swiftL99–L107體現(xiàn)了體驗細節(jié)當明度 0.7 且飽和度 0.4 時判定為淺色光標邊框改用深灰色否則用白色。這樣取色光標在淺、深兩種顏色上都清晰可見——判斷顏色深淺用的依然是 HSV 分量而不是 RGB。ColorPicker 交互全流程模型如何驅動 UIHSVColor不只是個轉換工具它是整個取色器的單一數(shù)據(jù)源?？碈olorful/Classes/ColorPicker.swift的主流程初始設色set(color:colorSpace:)L59–L66用任意 UIColor 構造HSVColor一次性刷新所有部件拖拽 / 點按色輪從觸點位置反算出HSColor再通過with(brightness:)ColorfulEntity.swiftL110–L114疊加當前明度得到新的HSVColor滑動明度條Colorful/Classes/BrightnessSlider.swift把滾動偏移量換算成 0–1 的明度值回寫模型反饋與事件顏色一變就觸發(fā)觸感反饋haptic feedback并發(fā)送.valueChanged事件調用方只需讀取colorPicker.color即可拿到最新UIColor。全程遵循視圖不保存顏色狀態(tài)、模型是唯一數(shù)據(jù)源的單向數(shù)據(jù)流這是整個組件代碼如此精簡的關鍵?？偨YUIColor ? HSV ? RGB 三條轉換路徑速查表轉換方向Colorful 中的實現(xiàn)核心 APIUIColor → HSVHSVColor(color:colorSpace:)UIColor.getHue(_:saturation:brightness:alpha:)HSV → UIColorHSVColor.uiColorUIColor(hue:saturation:brightness:alpha:)HSV → RGB0–255HSVColor.rgbColorUIColor.getRed(_:green:blue:alpha:)RGB 數(shù)值 → 廣色域 UIColorextendedSRGBUIColorUIColor(displayP3Red:green:blue:alpha:)想上手體驗的話Colorful 支持 CocoaPodsPodfile 中聲明pod Colorful, ~ 3.0與 Swift Package Manager見項目根目錄Package.swift兩種集成方式最低支持 iOS 11。無論是自己開發(fā)取色器還是在 App 里做顏色處理記住上面這張速查表就覆蓋了 90% 的 iOS 顏色空間轉換場景。 延伸閱讀項目內關鍵源碼路徑顏色模型與全部轉換邏輯Colorful/Classes/ColorfulEntity.swift取色器主組件與交互事件Colorful/Classes/ColorPicker.swift色輪位圖生成與極坐標映射Colorful/Classes/ColorMapView.swift明度滑桿與觸感反饋Colorful/Classes/BrightnessSlider.swift、Colorful/Classes/BrightnessCursor.swift示例工程Example/Colorful/ViewController.swift【免費下載鏈接】Color-Picker-for-iOSColorful: iOS color picker built with Swift.項目地址: https://gitcode.com/gh_mirrors/co/Color-Picker-for-iOS創(chuàng)作聲明：本文部分內容由AI輔助生成（AIGC），僅供參考 UIColor、HSV與RGB顏色空間轉換全解：Colorful ColorfulEntity.swift顏色模型詳解
UIColor、HSV與RGB顏色空間轉換全解Colorful ColorfulEntity.swift顏色模型詳解【免費下載鏈接】Color-Picker-for-iOSColorful: iOS color picker built with Swift.項目地址: https://gitcode.com/gh_mirrors/co/Color-Picker-for-iOSColorful 是一款用 Swift 編寫的 iOS 取色器color picker組件其核心顏色模型位于Colorful/Classes/ColorfulEntity.swift。本文以該開源項目為例系統(tǒng)講清 UIColor、HSV、RGB 三大顏色空間以及它們之間顏色轉換的完整鏈路幫助新手快速看懂 iOS 顏色空間轉換的底層原理。三大顏色空間入門RGB、HSV 與 UIColor先搞清楚概念這是理解一切轉換的前提顏色空間全稱描述顏色的方式RGBRed Green Blue紅、綠、藍三通道混合每通道 0–255HSVHue Saturation Value(Brightness)色調什么色 飽和度純度 明度亮暗UIColorUIKit 顏色類型iOS 統(tǒng)一顏色類型內部可承載 RGB、HSB、灰度等多種表示取色器為什么選 HSV 而不是 RGB因為人腦對顏色的直覺是色調 純度 明暗——鮮亮一點的紅色這種說法天然就是 HSV 語言。Colorful 的交互正是如此圓形色輪負責選 Hue角度和 Saturation半徑右側滑桿負責選 Brightness。Colorful 顏色模型的 3 個核心結構體Colorful 用一個輕量的 Swift struct 把顏色建模為三層全部定義在Colorful/Classes/ColorfulEntity.swift中結構體字段職責HSVColorcolorSpace / hue / saturation / brightness完整顏色取色器當前選中色的數(shù)據(jù)模型HSColorcolorSpace / hue / saturation不含明度的顏色用于色輪位置的正反向計算RGBColorred / green / blue均為 UInt80–255 的 RGB 結果供位圖像素寫入使用此外還有一個HRColorSpace枚舉同文件 L11–L14定義了兩種可選色域.sRGB標準 sRGB 色域絕大多數(shù)圖片與網頁的默認顏色空間.extendedSRGB擴展 sRGB 色域對應 Apple Display P3 廣色域能呈現(xiàn)比 sRGB 更鮮艷、更深的顏色。 為什么叫 extendedSRGB 而不是直接叫 P3因為UIColor(displayP3Red:green:blue:alpha:)返回的顏色在擴展范圍 sRGB色彩空間中表達通道值允許超出 0–1 范圍這是 Apple 官方的實現(xiàn)方式。UIColor 轉 HSV官方 getHue API 的實戰(zhàn)用法把任意一個UIColor拆成 HSV關鍵是HSVColor的init(color:colorSpace:)方法Colorful/Classes/ColorfulEntity.swiftL36–L62它分三步完成色域歸一化先通過cgColor.converted(to:intent:options:)把輸入顏色轉換到目標色彩空間sRGB 或 Display P3保證讀到的通道值是正確的解釋結果提取通道分量從轉換后的 CGColor 中讀取 RGB 分量若分量不足 3 個比如灰度色直接復制同一值一步轉 HSV調用 UIKit 自帶的getHue(_:saturation:brightness:alpha:)完成 RGB → HSV 換算。核心就這一小段UIColor(red: red, green: green, blue: blue, alpha: 1) .getHue(h, saturation: s, brightness: b, alpha: nil)這就是RGB 轉 HSV的官方入口系統(tǒng)內部處理了全部三角函數(shù)與最大值判斷不需要手寫任何公式。HSV 轉 RGB一行代碼生成 UI 顏色反向轉換更簡單。HSVColor的計算屬性sRGBUIColor同文件 L75–L77UIColor(hue: hue, saturation: saturation, brightness: brightness, alpha: 1)用UIColor的init(hue:saturation:brightness:alpha:)構造器由 HSV 參數(shù)拼出 RGB 顏色這是HSV 轉 UIColor的標準姿勢。接著rgbColor屬性L68–L73再把它換算成 0–255 的UInt8三元組RGBColor供色輪位圖的每個像素直接使用。sRGB 與 extendedSRGBDisplay P3 廣色域詳解輸出最終顏色時uiColor屬性L90–L97按色域分兩條路.sRGB→ 直接返回UIColor(hue:...)構造的 sRGB 顏色.extendedSRGB→ 先把 HSV 轉成 sRGB 下的 0–255RGBColor再把這組數(shù)值作為 P3 通道值喂給UIColor(displayP3Red:green:blue:alpha:)還原廣色域表現(xiàn)。這里有個值得記住的技巧同一組數(shù)字換一種色彩空間去解釋就能得到更鮮艷的顏色。這正是數(shù)值不變、解釋變了的廣色域思路。色輪位圖在Colorful/Classes/ColorMapView.swift的createColorMapImage方法L31–L67中也完整跑了一遍轉換閉環(huán)逐像素掃描用極坐標公式算出每個點的 HS 值再經 HSV → RGB 寫入位圖緩沖最后用對應的CGColorSpaceDisplay P3 或 sRGB封裝成CGImage顯示。一個巧妙的細節(jié)光標邊框 borderColor 自適應borderColor屬性Colorful/Classes/ColorfulEntity.swiftL99–L107體現(xiàn)了體驗細節(jié)當明度 0.7 且飽和度 0.4 時判定為淺色光標邊框改用深灰色否則用白色。這樣取色光標在淺、深兩種顏色上都清晰可見——判斷顏色深淺用的依然是 HSV 分量而不是 RGB。ColorPicker 交互全流程模型如何驅動 UIHSVColor不只是個轉換工具它是整個取色器的單一數(shù)據(jù)源?？碈olorful/Classes/ColorPicker.swift的主流程初始設色set(color:colorSpace:)L59–L66用任意 UIColor 構造HSVColor一次性刷新所有部件拖拽 / 點按色輪從觸點位置反算出HSColor再通過with(brightness:)ColorfulEntity.swiftL110–L114疊加當前明度得到新的HSVColor滑動明度條Colorful/Classes/BrightnessSlider.swift把滾動偏移量換算成 0–1 的明度值回寫模型反饋與事件顏色一變就觸發(fā)觸感反饋haptic feedback并發(fā)送.valueChanged事件調用方只需讀取colorPicker.color即可拿到最新UIColor。全程遵循視圖不保存顏色狀態(tài)、模型是唯一數(shù)據(jù)源的單向數(shù)據(jù)流這是整個組件代碼如此精簡的關鍵?？偨YUIColor ? HSV ? RGB 三條轉換路徑速查表轉換方向Colorful 中的實現(xiàn)核心 APIUIColor → HSVHSVColor(color:colorSpace:)UIColor.getHue(_:saturation:brightness:alpha:)HSV → UIColorHSVColor.uiColorUIColor(hue:saturation:brightness:alpha:)HSV → RGB0–255HSVColor.rgbColorUIColor.getRed(_:green:blue:alpha:)RGB 數(shù)值 → 廣色域 UIColorextendedSRGBUIColorUIColor(displayP3Red:green:blue:alpha:)想上手體驗的話Colorful 支持 CocoaPodsPodfile 中聲明pod Colorful, ~ 3.0與 Swift Package Manager見項目根目錄Package.swift兩種集成方式最低支持 iOS 11。無論是自己開發(fā)取色器還是在 App 里做顏色處理記住上面這張速查表就覆蓋了 90% 的 iOS 顏色空間轉換場景。 延伸閱讀項目內關鍵源碼路徑顏色模型與全部轉換邏輯Colorful/Classes/ColorfulEntity.swift取色器主組件與交互事件Colorful/Classes/ColorPicker.swift色輪位圖生成與極坐標映射Colorful/Classes/ColorMapView.swift明度滑桿與觸感反饋Colorful/Classes/BrightnessSlider.swift、Colorful/Classes/BrightnessCursor.swift示例工程Example/Colorful/ViewController.swift【免費下載鏈接】Color-Picker-for-iOSColorful: iOS color picker built with Swift.項目地址: https://gitcode.com/gh_mirrors/co/Color-Picker-for-iOS創(chuàng)作聲明：本文部分內容由AI輔助生成（AIGC），僅供參考