All colours incorrect on non-sRGB display

Roblox does not seem to respect the display’s colour settings. Instead of consistently outputting colours in sRGB, it will lazily copy the colours into the device’s colour space without correctly re-interpreting the colour. This leads to major oversaturation and colour inconsistency.

For example, I have a display which is capable of showing Display-P3 colours. The following screenshot should demonstrate the differences in colour rendering between Roblox and correctly calibrated programs.

All of these programs are displaying the colour with hex code #ff5500:

  • Top left: Figma, #ff500 fill in sRGB document
  • Top right: Figma, #ff500 fill in Display-P3 document
  • Centre: Roblox, Frame in ScreenGui with BackgroundColor3 = Color3.fromHex("#ff5500")
  • Bottom left: Web browser, background-color: #ff500;
  • Bottom right: Web browser, background-color: color(display-p3 1 0.32 0 / 1);

image

Using a colour picker to read P3 hex codes, you can see that Roblox is interpreting #ff5500 as a Display-P3 RGB hex code:

I have only tested this with Roblox Studio on Windows.

Expected behavior

I expect Roblox to output colours as sRGB (as the programs on the left side do) so that my colours appear consistent across devices.

17 Likes

Thanks for the report! We’ll follow up when we have an update for you;

2 Likes