There is a catch, though. Even though you’re creating the Web or app
interface on the same device that the final product will be shown on, the
colors will have various sources: images (typically PNG, GIF and JPEG), style
markup (CSS) and code (JavaScript, HTML, Objective-C, etc). Getting them
all to match can be tricky.
The goal
When designing websites or app interfaces, we want to perfectly match the
colors that are displayed on screen in Photoshop and that are saved in files
with what’s displayed in other applications, including Firefox, Safari and the
iPhone Simulator. Not only do we want the colors to look the same, but we
want the actual values saved in the files to perfectly match the colors we
have defined in Photoshop. Colors should not shift or appear to shift in any
way, under any circumstance.
Why is this so difficult?
Photoshop applies its color management to images displayed within its
windows and to the files it saves. This is a bad thing if you’re working