NEW230084
Canvas shifts colors when using system color profiles 
https://bugs.webkit.org/show_bug.cgi?id=230084
Summary Canvas shifts colors when using system color profiles
Roland Soos
Reported 2021-09-08 23:24:09 PDT
Steps to reproduce: 1. Open https://jsfiddle.net/tz0qhowy/2/ The left element has a red background and an image which has 0.5 opacity. The right element is a canvas which has red background and the image drawn with 50% opacity. I think both the left and the right side should always perfectly match with each other. In Safari during you switch color profiles [OSX System settings -> Displays -> Color], you can clearly see that the color do not match on the canvas with the one rendered by HTML.
Attachments
Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2021-09-13 08:28:52 PDT
<rdar://problem/83056004>
Ahmad Saleem
Comment 2 2022-05-31 13:30:46 PDT
I am able to reproduce this bug in Safari 15.5 on macOS 12.4. It matches Chrome Canary 104. Although as per mentioned bug, Firefox Nightly 103 has desired behavior where left and right both have same colours. Although the colours in Firefox Nightly are not affected by "gfx.color_management.mode" config, since I tried both 1 and 2 values as per "MDN Page". It can be spec bug since Firefox do have colour management issues (at least as far my knowledge goes) so Safari and Chrome might have correct behaviour. Thanks!
Note You need to log in before you can comment on or make changes to this bug.