色彩空間來帶來效果中間如何達成效果色彩空間明顯,從色彩空間如何來確定當中情節中來不知道的情況了解當中完整效果。

你有沒有遇到過以下問題：

 

設計師給你的顏色值在Interface Builder中設置以及代碼設置與真機與模擬器顯示的顏色不一致，甚至肉眼完全看的出來。

為一個普通的控件設置Color，設置了顏色為XXXXXX。取色工具測的也是正常的XXXXXX，但是模擬器/真機運行起來之后，顏色變色了，用取色工具測，顏色變成了YYYYYY。

為什么當我用顏色吸管工具在Photoshop選擇一個顏色的和RGB值，在Xcode中設置后得不到相同的顏色?

為什么真機或者模擬器截圖后，用吸管取色后得到的值與Interface Builder中設置的顏色值不一樣？

太惡心了，就一個顏色為什么不一樣？

我做錯了什么嗎?

看完這篇文章后，這些問題將會全部消失。

 

color space

色彩空間，色域。我不會在這里詳細介紹, 進一步了解可以閱讀: //www.dpbestflow.org/color/color-space-and-color-profiles  在那里, 你可以找到關于色彩模型, 色彩空間和色彩配置的定義, 以獲得更深的理解。我也會稍后再博客中翻譯整篇文章。

 

color profile

色彩配置。我不會在這里詳細介紹, 進一步了解可以閱讀: //www.dpbestflow.org/color/color-space-and-color-profiles  在那里, 你可以找到關于色彩模型, 色彩空間和色彩配置的定義, 以獲得更深的理解。我也會稍后再博客中翻譯整篇文章。

 

理解蘋果的顏色處理

蘋果認為相同的RGB值在任何地方都應該顯示相同。其實應用一個RGB的組合在不同的設備上不會總是有著相同的顏色，這取決于你使用的是哪一個顏色配置（color profile）。

 

需要知道是，color profile是展現一個色彩空間中顏色的數值模型(色彩空間,色域（color space）是展現顏色的一個方式, 例如: RGB, CMYK, HSV, 等等)，一些色彩配置（color profile）是“設備相關”的，一些色彩配置（color profile）是“設備無關”的。這意味著同樣的顏色在不同的設備(“設備無關”)上會展現相同的顏色，其中一些將會根據設備的特點改變顏色(“設備相關”)

 

同樣有趣的是, 當你截圖時, 不僅每個像素的 RGB 值都得到了存儲, 而且還有關于被截取的設備的互補信息。這樣, 蘋果可以通過計算不同的 RGB 組合來使顏色在不同的設備中看起來相同, 以最佳的方式使這些顏色與設備的特性和限制相匹配。

 

說了這么多, 給定一個色彩空間（color space） (例如, RGB), 您將在其中有多個色彩配置 (一般 RGB、Adobe RGB、PAL/SECAM等), 因此你將有多種方法使用不同的 RGB 組合來獲得相同的顏色。

 

Xcode 中的 RGB 色彩配置（color profile）有 Adobe RGB、Apple RGB、Device RGB（設備RGB）、Generic RGB（通用RGB）、Wide Gamut RGB（廣域 RGB）。要查看整個色彩配置列表, 可以從 Xcode 的Interface Builder的色彩選擇工具中查看。

 

 

 

因此, 當您選擇選擇了 RGB 值組合，并更改了要使用的色彩配置時, 您將獲得相同的顏色，但是會得出不同的RGB值，這是應用顏色時使開發人員非常惱火的主要問題。

 

例如, 通用RGB (10、80、105) 和設備RGB (0、99、124) 是相同的顏色，但有不同的 RGB 值。如你所見。這就是為什么最終可以有不同的顏色， 即使你使用的是你從別處取色的精確的 RGB 組合 (Photoshop 吸管, 數碼測色計（Digital Color Meter）等)。

 

 

 

同樣, 如果在不同的色彩配置中使用相同的 RGB 組合, 則會得到不同的顏色。

 

此外, Photoshop 處理顏色時，使用Photoshop的人與使用RGB值的人不是同一臺設備不說，Adobe使用人員Photoshop的色彩空間也未必與開發人員一致 (可能會是Adobe發明的顏色空間), 所以當你試圖直接從 Photoshop 中選取它們并將其應用于 Xcode 時, 情況可能會變得更糟。

 

Photoshop在編輯菜單的顏色設置中可以查看更改色彩配置。

 

 

 

所有這一切都解釋了為什么當你使用數碼測色計選擇一個顏色, 你可能會得到不同的 RGB 值但是是相同的顏色。如果你在不同的顯示器 (因為額外的設備信息可以添加到每個像素, 當你選擇顏色, 取決于您使用的是與設備相關的色彩配置還是與設備無關的。

 

你可以猜到，我們要使用一個設備無關的， 如 sRGB (代表標準的 RGB), 所以無論我們將在什么地方顯示，我們將得到相同的 RGB 值時。

 

iOS中代碼自定義設置RGB與Interface Builder自定義設置RGB顏色一致。都使用了sRGB色彩配置。

 

在XIB中的色彩配置

選擇顏色后使用sublime等文本編輯器直接打開storyboard或者xib文件。即可看到如下幾種結果。

 

如果色彩配置采用了sRGB ，sb/xib的xml中會這樣寫，colorSpace="custom" customColorSpace="sRGB" ，一般都是使用顏色選擇器自定義RGB后自動選擇的sRGB色彩配置

 

如果色彩配置采用了Display P3， sb/xib的xml中會這樣寫，colorSpace="custom" customColorSpace="displayP3"，

 

如果色彩配置采用了Generic RGB， sb/xib的xml中會這樣寫，colorSpace="calibratedRGB" ，一般都是使用顏色選擇器自定義RGB后手動選擇的Generic RGB色彩配置

 

如果色彩配置采用了Generic Gray ， sb/xib的xml中會這樣寫，colorSpace="calibratedWhite"，一般都是系統默認的灰白顏色。

 

如果色彩配置采用了Device Gray ， sb/xib的xml中會這樣寫，colorSpace="deviceRGB"，，一般都是使用顏色選擇器自定義RGB后手動選擇的DeviceRGB色彩配置

 

如果色彩配置采用了Adobe RGB ， sb/xib的xml中會這樣寫，colorSpace="adobeRGB1998"，，一般都是使用顏色選擇器自定義RGB后手動選擇的Adobe RGB色彩配置

 

最后發現，手動選擇的Apple RGB色彩配置，sb/xib的xml中會這樣寫，colorSpace="sRGB"，說明蘋果默認統一成了sRGB.

 

在純代碼中的色彩配置

以上成都APP開發公司【四川源昇科技】

【四川源昇科技】
    榮獲國家高新技術、雙軟認證企業，公司分別在常州，蘇州，德州，上海和成都5大城市設立研發團隊，公司于2015年成立，專業定制電商APP、直播APP、教育APP、社區APP、招聘APP、打車APP 、農產品商城APP、社交APP、招聘求職APP等各類手機APP。公司歷經6年的技術沉淀，與中國人民大學，成都大學，溫江區人民政府，四川金鼎印鈔等多家政企單位合作，以及百余家中小企業提供軟件技術支持和承接項目外包、技術人員派遣駐場開發等服務。

【公司秉承】 包設計、包開發、包售后、包維護、包升級！ 成為您最佳的技術合作伙伴！

【公司宗旨】 一次合作 終身朋友

【公司官網】 ccvip.org.cn