從 Sketch 4.8 色彩管理功能了解色彩空間
在不同設備上做過設計的小夥伴，肯定遇到過這樣的問題：同樣一種顏色，在不同設備上取色的時候數值卻截然不同，而且在視覺上也有偏差，這個問題的癥結就在於「色彩空間（Color Space）」設置的不同。
在 4.8 版本之前 Sketch 是沒有色彩管理功能的，所以處理設計文件的時候會按照顯示器當前設定的「色彩空間」對顏色做處理，所以如果顯示器的「色彩空間」不統一，就會造成顏色表現不同的問題。
關於「色彩空間」這個概念，如果大家不是很明白的話，容我在這裡大致解釋一下。
大家都知道，色彩模型有很多種，例如 RGB、CMYK、LAB、HSB 等，那麼以最為常見的 RGB 色彩模型為例，如果將 RGB 色彩模型用圖形來表示的話，就會是下圖這種立方體：
但實際上，「色彩模型」就好比單純的數字，不跟具體單位結合而單獨拿出來你根本不知道它代表什麼含義（例如同樣是 10 這個數字，10cm 跟 10mm 就是完全不同的兩個概念），而「色彩空間」在這裡就起到了給顏色數字設定單位的作用。
我們來看看，基於 RGB 色彩模型而定義的 sRGB 色彩空間在 Yxy 坐標軸中是怎樣的圖形：
如果拿它與 Display P3 色彩空間相比較（白色半透明模型）而言，就會顯得小很多：
從這裡我們就能夠理解，對於色彩空間 Display P3 而言的最紅色 RGB(255, 0, 0) 在 sRGB
色彩空間里根本不存在（因為超出了色彩空間範圍），而在 sRGB 色彩空間里的最紅色 RGB(255, 0, 0) 在 Display P3 裡面根本就還沒到頂，通過Mac 自帶色彩計算器換算可以看到最終的值：
這也就解釋了為什麼同一種顏色在不同色彩空間下，顯示數值會不一樣的原因了。
所以在 Sketch 4.8 以前的版本中，如果你在 sRGB 色彩空間的顯示器里設定了一個顏色，之後拿到非 sRGB 色彩空間的顯示器里進行處理，你就會發現不但數值發生了變化，如果不在色彩空間範圍里，連顏色都會發生變化，我們拿 Sketch 4.7 做個簡單的實驗：
首先，我在 sRGB 色彩空間顯示器下設定了一個顏色，通過 Sketch 自帶取色器看到色值為 RGB(156, 39, 176)。
之後，我將 Sketch 軟體移入色彩空間為 Display P3 的外接顯示器中，再進行取色，發現顏色變了：
如果將外接顯示器色彩空間同樣改為 sRGB，取色又恢復了正常。
可以看到，這樣的方法非常麻煩，一旦沒有注意顯示器的色彩空間設置，就會出現取色的問題，而 Sketch 4.8 引入了 Color Management 的功能，直接通過設置就能管理文件的色彩空間。
它目前支持兩種方法，第一種是在設置裡面全局設定 Color Profile 為你想要的色彩空間，保證後續新建的 Sketch 文件默認採用你設定的色彩空間：
另外一種方法就是通過 File>Change Color Profile 來調整當前文件的色彩空間：
通過這個功能的引入，色彩空間的設置就極其方便了。
最後，除非特殊需求，在大部分 UI 設計的場景下，我們都應該選擇 sRGB 作為色彩空間。
參考文章：
Color Management
https://bjango.com/articles/colourmanagementgamut/推薦閱讀：
※「教程乾貨」- 巧騙Sketch，讓按鈕實現自動Padding
※「原創教程」- Sketch 從零開始學（一）
※清理 Sketch 歷史文件，釋放 Mac 磁碟空間
※極光日報 第 159 期 | 2017 / 4 / 18
※高能提升你的 Sketch 效率：編輯與導出篇