App running in HTML5 - SceneCaptureComponent2D gives inconsistent colors

Hello. I have been designing an HTML5 browser-based 3D playset designer, which you can try out here: [www.adventureworldplaysets.com][1]. It currently runs on UE4 4.18.3.

There is a particular issue we’ve been experiencing, relating to taking a screenshot using the SceneCaptureComponent2D. There is an email button at the bottom of the UI, where you can fill out your information, and email yourself information + a screenshot of your playset. This screenshot is emailed to the client as an attachment (using a custom UE4 plugin). The colors of the final screenshot, when viewing them in your email, are not consistent with the scene. Many hours have been spent troubleshooting this issue, but we’ve not been able to resolve it.

Currently, the live app on the website uses the “Final Color (LDR) in RGB” Capture Source type, which gives a brightened, washed out color.

If the Capture Source is set to “SceneColor (HDR) in RGB, Inv Opacity in A”, the colors are very inconsistent. Sometimes they look perfect, but sometimes they are very dark, or have a red, yellow, green, or blue tint.Strangely, this seems to be dependent on how many objects are in the scene, and the camera’s angle.

The SceneCaptureComponent2D is attached to a Camera, which is attached to a SpringArm, which is attached to the root CapsuleComponent (this is in my “OrbitingCamera_Character” blueprint). I have tested all of the different SceneCapture options, none of them fix the issue.

If anyone has any ideas or information about this issue, it would be much appreciated. Thank you!!

And here is a screenshot of what it’s supposed to look like (HTML5 browser colors are inconsistent vs when running in the engine, but that’s a separate issue). Also attached are my SceneCaptureComponent2D settings.