RGB in simulator provides an off color. (Not a question about changing values to 0-1)

Thanks for the help guys. I appreciate it.

One last set of questions for you.

  1. Did you download those images I posted above?  If so, what color does your Paint tool tell you I’m using for the green blocks.

I used your color code so it should match.

  1. I’m really concerned that the app you’re using may be the culprit in all this.  Have you tried Gimp or some alternate app yet?

  2. Just to be clear, when you capture the screen are you using the OSX capture or something from an app?  ie. Command-Shift-4 or one of those OSX capture strokes, versus some app.

  3. Have you tried directly sampling the color in the simulator?

https://colorsnapper.com/

I should also point out that mobile devices are not color managed very well either.  You can sit phone A by phone B and phone B might have a clear blue color shift while phone A is shifted towards yellow. Apple now has a night mode (Android may have the same) where they shift the colors to more yellow tones to mimic household lighting because the daylight balanced devices emit a lot of blue which throws some people’s ability to sleep off.

To try and guarantee that any one RGB color value will render the same across every device simply isn’t realistic.

Rob

Picture 1: I went ahead and took a screenshot of the code you wanted me to test.
 
Picture 2: Then I opened it up in Gimp and checked the RGB code for the circle.
 
Picture 3: I wanted to check the colors of the two photos you sent me. Picture 3 is the one called “win10_2017…”
 
Picture 4: The one called “oscx10…”

Edit: I am using the application Grab to take screenshots. I believed it came installed onto the computer.

Pictures 1, 2, 3, 4

As an experiment I took this page, loaded it into Firefox (I mostly use Chrome for Corona work) where I have the Colorzilla color tool and measured all of the images. From Top to Bottom (and left to right), here are the color values that Firefox saw (which is using color management)

36, 233, 113

20, 235, 138

45, 232, 141

61, 231, 136

These colors are all off by a touch from what your color picker is reporting. I took the first image and brought it into Adobe Photoshop. I checked and it’s an “Unmanaged RGB” image. That is there is no color profile for software to know how to render the colors. I did a couple of tests, assigning to an sRGB profile and converting it to an sRGB profile. In each case the colors rendered even differently, then I noticed something **REALLY** odd.  As I moved the Photoshop color info picker around the green square, the colors were changing, it was a little shift but all around the 35-36, 232-233, 112-113 range. Perhaps in making the screen shot, that tool was having trouble deciding what colors were used. If this were a JPEG I might understand this because of how JPEG compression works, but for a PNG file, the color should be constant across the block.

Now when looking at Unmanaged RGB files in a browser, it should default to the smallest but common color space sRGB, but the browsers may look at them differently.

But as I mentioned above slight color shifts are going to happen from screen to screen. 

Rob

Yay, most the issue arose because you can distinctly tell the color difference. I wanted to show the photos before but I am too incompetent on how to use a forum. I understand that multiple screen captures will slightly warp the colors.

On the photo, the colors on the split on the left and right are the colors I expected and the top and button are the colors I got instead. 

To be completely honest I feel awful for dragging you guys through this. You have done a lot of work to help me out and I understand if you no longer want to commit the effort.

It’s not that we don’t want to help you out. If that’s the case @roaminggamer wouldn’t still be asking questions and I wouldn’t have dug into your images to look at what’s going on.

But we have a saying in our house: “Learn to pick your battles”. I’m also a photographer and getting the “right” colors is important, but there are books on Color Management. There are tools to calibrate your monitor. It’s a really complex thing, but the Mac screen you are looking at and the Mac screen I’m looking at are 99.9% likely to be rendering colors differently, since I have gone through and tried to calibrate my screen. When I plugin in my external monitor, colors will be different on the MacBook Pro screen and the LG monitor, even though I’ve followed the Mac calibration closely. I guess the point I’m trying to make, is this isn’t a battle you’re going to win because you are not in control of where your app will be viewed.  

Consider the simulator an approximation. Install on real devices to see what you’re more likely to see even though your device and my device are still going to be a bit different.

Rob

I downloaded your images and inspected them.  I noticed two things.

  1. When I inspected them in PaintShop Pro X2 (my tool of choice), none of the color codes matched those you show.

  2. Moving the dropper over the green blocks would show slight deviations in the rgb value.  i.e. Not every pixel in the colored block is the same color.

This tells me that the screen capture itself is corrupting the color in the images.  So, I don’t think you have anything to worry about.

My app tells you the graphics card thinks the color matches the color you’re selecting so you’re good to go, regardless of how a screenshot looks.

-Ed

PS - I am definitely interested in helping you, but I think in this case the problem is something that can’t be resolved.  i.e. Getting the screenshots to perfectly reflect the color you’re using. 

Keep on coding and be sure to post a new thread/question if you run into difficulties in your game making travels.  I’ll be around.

I think there an important lesson in this thread however…

Never sign off on a game or app till you see it on the device.  You may be very disappointed by the result if you’ve been seeing something slightly different on your PC.

I’ve said this before (elsewhere), but at the end of the day, the only true representation of your game’s look, feel, performance, etc. will be on test devices.  So test on a lot of devices before publishing.

Once again, thanks! I greatly appreciate the effort you guys put in. Good day to both of you.