How can I achieve consistent colours in my app on different mobile displays?

We are working on a mobile game that will run on iOS and Android devices. The graphic theme has been designed during the first steps of the development by a single person. Now he’s no more an active part of our team (he was enrolled exclusively for this purpose, for a shorter amount of time, and now he’s focusing on other external projects).
Such theme is very colorful, mainly composed by green, light brown and orange elements.

The problem for the mobile dev team is that those shades have been selected by the designer using his Apple iMac and Photoshop, and we discovered that only the iPhone displays are capable of rendering them to look as the designer originally intended.

Instead, all the different Android phones use different color palettes that makes them much too bright, or much too saturated; depending on the display quality.

I’m sure that this is not an isolated issue when developing mobile app graphics.

How can we manage to render the same colours when the app runs on different displays?

All I know is that the original PSDs have been designed using the sRGB color space, should they have been done in a different way?


Not all displays are equal. This is a problem in the desktop world, too. I got shiny new monitors last year, and looking at some of my old work now emphasizes just how poorly calibrated my monitors were at the time.

My advice is to just accept it as something you can’t control and ensure that there is sufficient contrast between your colors so that it does not impact the user’s experience. If the user can’t tell that there’s something wrong (eg. “I know that button is supposed to be green, but it looks yellow to me” or “I can’t tell the difference between these 2 colors”), they’re going to assume that’s the way it’s supposed to be and happily go about using your app.

Source : Link , Question Author : TheUnexpected , Answer Author : cimmanon

Leave a Comment