色彩空间来带来效果中间如何达成效果色彩空间明显,从色彩空间如何来确定当中情节中来不知道的情况了解当中完整效果。

你有没有遇到过以下问题：

 

设计师给你的颜色值在Interface Builder中设置以及代码设置与真机与模拟器显示的颜色不一致，甚至肉眼完全看的出来。

为一个普通的控件设置Color，设置了颜色为XXXXXX。取色工具测的也是正常的XXXXXX，但是模拟器/真机运行起来之后，颜色变色了，用取色工具测，颜色变成了YYYYYY。

为什么当我用颜色吸管工具在Photoshop选择一个颜色的和RGB值，在Xcode中设置后得不到相同的颜色?

为什么真机或者模拟器截图后，用吸管取色后得到的值与Interface Builder中设置的颜色值不一样？

太恶心了，就一个颜色为什么不一样？

我做错了什么吗?

看完这篇文章后，这些问题将会全部消失。

 

color space

色彩空间，色域。我不会在这里详细介绍, 进一步了解可以阅读: http://www.dpbestflow.org/color/color-space-and-color-profiles  在那里, 你可以找到关于色彩模型, 色彩空间和色彩配置的定义, 以获得更深的理解。我也会稍后再博客中翻译整篇文章。

 

color profile

色彩配置。我不会在这里详细介绍, 进一步了解可以阅读: http://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年的技术沉淀，与中国人民大学，成都大学，温江区人民政府，四川金鼎印钞等多家政企单位合作，以及百余家中小企业提供软件技术支持和承接项目外包、技术人员派遣驻场开发等服务。

【公司秉承】 包设计、包开发、包售后、包维护、包升级！ 成为您最佳的技术合作伙伴！

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

【公司官网】 www.ccyskj.com