1600284 - CSS Color incorrect at 100% brightness

Status: RESOLVED INVALID

(Firefox :: Untriaged, defect)

Description

[coenraad.stijne]

Attachment: Screenshot_2019-11-29 Screenshot.png

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:70.0) Gecko/20100101 Firefox/70.0

Steps to reproduce:

While generating CSS using: https://codepen.io/sosuke/pen/Pjoqqp

I found it did not give good results for 100% brightness (works on Chrome)

<div class="pixel filterPixel"
style="filter: invert(49%) sepia(65%) saturate(4261%) hue-rotate(165deg) brightness(100%) contrast(101%);">
</div>

<div class="pixel realPixel" style="background-color: rgb(0, 164, 214);"></div>

<style>
.pixel {
display: inline-block;
background-color: #000;
width: 50px;
height: 50px;
}
</style>

Actual results:

CSS Visual Colors do not match

Expected results:

CSS Color should be visually the same

Comment 1

[Rares Doghi, Desktop QA]

Hi Coenraad, I tried to reproduce this issue on a Windows 10 with Firefox 70.0.1, Beta 72.0b1 and our latest Nightly build 73.0a1 (2019-12-02) but without any success, Can you please try this again on a new profile ? you can find the steps on how to start Firefox with a new profile here:
https://support.mozilla.org/en-US/kb/profile-manager-create-and-remove-firefox-profiles?redirectlocale=en-US&redirectslug=Managing-profiles#w_starting-the-profile-manager

also if the issue still occurs with a new profile can you please try our latest Nightly build and check if the issue still occurs there as well ? you can find the build here:
https://nightly.mozilla.org/

Comment 2

[coenraad.stijne]

Hi. Still occurs with a new profile, however seems already fixed in the nightly. Thanks!