api.CanvasRenderingContext2D.createConicGradient - Washed-out colors in Firefox

[SimunOnio]

What type of issue is this?

Browser bug (a bug with a feature that may impact site compatibility)

What information was incorrect, unhelpful, or incomplete?

Only in Firefox, ctx.createConicGradient() method makes colors look desaturated and washed out.

What browsers does this problem apply to, if applicable?

Firefox

What did you expect to see?

From mdn web docs example:
In Firefox

In Chrome

Did you test this? If so, how?

Opened mdn web docs example in Firefox and Chrome.

It works in Firefox if browser settings are changed:
gfx.canvas.accelerated](about:config => gfx.canvas.accelerated => true

Can you link to any release notes, bugs, pull requests, or MDN pages related to this?

No response

Do you have anything more you want to share?

No response

MDN URL

https://developer.mozilla.org/en-US/docs/Web/API/CanvasRenderingContext2D/createConicGradient

MDN metadata

MDN page report details

• Query: api.CanvasRenderingContext2D.createConicGradient
• Report started: 2023-10-12T19:43:57.899Z

[queengooborg]

I was not able to reproduce this issue in Firefox on my local system or in BrowserStack. I believe that this is a hardware-specific issue, possibly due to bad drivers or other such issues. I'd recommend reporting this to Bugzilla if it hasn't already been reported, and include details of your hardware configuration.