1453262 - lineargradient in canvas renders to full monitor color gamut instead of limiting to sRGB as specified by color management settings

Status: NEW

(Core :: Graphics: Color Management, defect, P3)

Description

[Hansol Kim (zvuc)]

Attachment: demo.png

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:59.0) Gecko/20100101 Firefox/59.0
Build ID: 20180323154952

Steps to reproduce:

Render a gradient with canvas createLinearGradient.


Actual results:

The color appears differently (oversaturated, rendered in native monitor color gamut instead of managed sRGB gamut) from all other possible render methods when viewed on a wide-gamut monitor.


Expected results:

The color should appear the same.

Comment 1

[Hansol Kim (zvuc)]

Here's the link to the demo for this bug: https://codepen.io/zvuc/pen/mxoXxL
Here's a video (screen capture) I took demonstrating the actual color output differences on a P3 monitor with macOS's Digital Color Meter app: https://twitter.com/zvuuc/status/984006675123273731

Comment 2

[Daniel_A[:daschilean] [Please contact - [e-mail]]]

I manage to reproduce this issue on Mac10.12 with Firefox 61.0a1 (2018-04-16).

Comment 3

[jscher2000]

This may be an instance of a more general problem with gradients (not limited to canvas) in bug 880271 -- that bug turned 5 years old yesterday.