開發同事截圖說我提供的綠色色號在顯示時跟設計稿不一致,特別亮。對照Sketch的色值,這個綠色顯示為RGB(0,170,173)。開發對照后表示出問題的顏色就是用的這個色值。
于是打開單獨的取色器App一選,RGB值竟然為(43, 170, 173).
后來搜索了一下這個問題,在Stackexchange上就早有同樣問題:
https://graphicdesign.stackexchange.com/questions/53073/color-mismatching-on-sketch-exports
When we export an image, we interpret our color values in the sRGB colorspace. We also save the color space in the metadata, unless you have ‘Save for Web’ checked in the export panel. Regardless of that setting though, the intent has been to save with sRGB, which works nicely with Safari as it interprets all images as being saved with sRGB in the first place. If you would also open the image in Preview, it would recognize the sRGB profile and render it as close to Safari as possible. We believe this way we get the most consistent color representation possible.
iOS app color profile最佳實踐
請參照iOS Developer Human Interface Guideline:
https://developer.apple.com/ios/human-interface-guidelines/visual-design/color/