Color Issues and Best Practices for Photoshop/Mobile?

What are the best practices for getting the coloring correct from Photoshop → UMG → Selected Viewport w/(Mobile/HTML5) Rendering → Mobile Preview?

I’m asking because the colors are all different when moving from one to the next. I started with a photoshop template and created the UMG representation of it. I had to manually best guess the colors as you cannot just copy/paste a PS hex value into UMG and expect it to match. Afterwards I set the preview rendering level to Mobile/HTML5 and viewed it. I then ran the application via the Mobile Preview and found the colors to be even darker. All and all it is a nightmare to try and match it up to my original goal. What do you all do for mobile development??

Here are the images that show the issues:

  • Photoshop template: http://.ms/1VTZ2zo
  • Preview Window (Mobile/HTML5): http://.ms/1VTZ3n5
  • Mobile Preview: http://.ms/1VTZ5v8
  • Side by Side comparison: http://.ms/1k75Lua

Any help working through these problems would be appreciated.

  • Voigt

Is your color space in photoshop sRBG ? Check and make sure it is before exporting to unreal, and if you are doing any color picking look this up: Linear RGB in UE4 - Programming & Scripting - Epic Developer Community Forums