定位Main.storyboard，或 xib 文件然后点击任何的视图，只要他们有选项可以改变前景色或背景色。例如，点击View视图，这时就会在Utilities面板上展示show the Attributes inspector选择项。
现在点击背景颜色好让调色板展示出来。在默认的调色板旁边就能找到Skala调色板。
如果你使用它,将会发现它是一个很强大和好用的调色板。通过拉动中间的滚动条，可以通过改变hue值来在颜色中变换。通过滑动，另一个颜色选择条出现在上方用来更精确的展示当前选中的颜色。把圆圈移动到上方窗口区域这样你就可以浏览当前选择颜色的所有可变的相似颜色。如果你不想使用颜色条或者圆圈来选择一种颜色，而想使用一个颜色值，你也可以这么做。仅仅需要从窗口中间区域的颜色展示类型列表当中选择一个合适的类型（默认是选择的HTML Hex RGB格式），然后在当中填入合适的颜色数值。
如果注意点，你会发现你甚至可以直接设置一个UIColor的数值！
现在，你有了一个新的强大的调色板; 当设计你的界面时使用它来得到更好的结果。
现在继续，让我们见识一个新的调色板。这个即将看到的调色板很简单，但在我看来当你要跟hex colors打交道，或者你发现网站的颜色都是用的hex格式而你不想一直转换它，那这个调色板真的很有用。我们讨论的这个调色板名字就叫Hex Color Picker, 你可以在 这里 找到它.
正如先前做过的，使用下载按钮来获取这个颜色板。只要拿到压缩文件，解压它然后到新创建的目录。在那里你能找到不同语言类型的Readme文件，和一个文件名为HexColorPicker.colorPicker的文件。选择这个文件然后复制它。然后，回到Finder，定位到下面的目录：
UserName/Library/ColorPickers
UserName就是你的账户名。
当你打开这个目录后粘贴刚才复制的文件。通常，你会看到下面的两个文件:
现在，在进一步前，我告诉你如果你想移除Skala调色板，或者当前调色板（或者两个），你可以通过在这个目录下移除相对应的文件（多个文件）。而且，如果你看不到Library目录，那你需要让隐藏文件可见，具体方法在这个教程的Changing Themes部分有描述。