Skip to content

Use gamma 2.40 for display-referred rec2020 #2107

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
ntkme wants to merge 1 commit into
base: main
Choose a base branch
from
Open

Use gamma 2.40 for display-referred rec2020 #2107

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
6 changes: 3 additions & 3 deletions js-api-spec/value/color/interpolation-examples.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -273,19 +273,19 @@ export const interpolations: {[space: string]: InterpolationExample[]} = {
{
weight: 0.5,
},
[0.5494120530883964, 0.4907232619435038, 0.5681615893671463],
[0.6077246048987993, 0.560474374484174, 0.6287869996304708],
],
[
{
weight: 1,
},
[0.8837118321235519, 0.6578067923850563, 0.7273197917658354],
[0.901652581777482, 0.7080066863855734, 0.7679984285088408],
],
[
{
weight: 0,
},
[0.21511227405324085, 0.32363973150195124, 0.4090033869684574],
[0.3137966280201166, 0.4129420625827747, 0.48957557075210073],
],
],
xyz: [
Expand Down
4 changes: 2 additions & 2 deletions js-api-spec/value/color/spaces.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -242,8 +242,8 @@ export const spaces: {
name: 'rec2020',
isLegacy: false,
isPolar: false,
pink: [0.883711832123552, 0.6578067923850561, 0.7273197917658352],
blue: [0.21511227405324085, 0.3236397315019512, 0.4090033869684574],
pink: [0.901652581777482, 0.7080066863855734, 0.7679984285088408],
blue: [0.3137966280201166, 0.4129420625827747, 0.48957557075210073],
channels: ['red', 'green', 'blue'] as ChannelNameRgb[],
ranges: [
[0, 1],
Expand Down
6 changes: 3 additions & 3 deletions spec/core_functions/color/channel/rec2020.hrx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ a {b: color.channel(pink, "red", $space: rec2020)}

<===> foreign/red/output.css
a {
b: 0.9098509852;
b: 0.9238307533;
}

<===>
Expand All @@ -48,7 +48,7 @@ a {b: color.channel(pink, "green", $space: rec2020)}

<===> foreign/green/output.css
a {
b: 0.747938727;
b: 0.7857199421;
}

<===>
Expand All @@ -59,5 +59,5 @@ a {b: color.channel(pink, "blue", $space: rec2020)}

<===> foreign/blue/output.css
a {
b: 0.7726929727;
b: 0.8069535686;
}
4 changes: 2 additions & 2 deletions spec/core_functions/color/invert/error.hrx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -230,7 +230,7 @@ More info and automated migrator: https://sass-lang.com/d/import
'
input.scss 1:7 root stylesheet

Error: $y: Because the CSS working group is still deciding on the best behavior, Sass doesn't currently support modifying missing channels (color: color(xyz 0.0237000113 none 0.0589013339)).
Error: $y: Because the CSS working group is still deciding on the best behavior, Sass doesn't currently support modifying missing channels (color: color(xyz 0.0060843403 none 0.022293654)).
,
1 | a {b: invert(color(rec2020 0.1 none 0.2), $space: xyz)}
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Expand All @@ -254,7 +254,7 @@ More info and automated migrator: https://sass-lang.com/d/import
'
input.scss 1:7 root stylesheet

Error: $hue: Because the CSS working group is still deciding on the best behavior, Sass doesn't currently support modifying missing channels (color: lch(48.649404846% 0 none)).
Error: $hue: Because the CSS working group is still deciding on the best behavior, Sass doesn't currently support modifying missing channels (color: lch(39.7321737367% 0 none)).
,
1 | a {b: invert(color(rec2020 0.4 0.4 0.4), $space: lch)}
| ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
Expand Down
12 changes: 6 additions & 6 deletions spec/core_functions/color/mix/missing.hrx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -88,7 +88,7 @@ a {b: color.mix(rgb(none 100 200), rgb(200 100 0), $method: rec2020)}

<===> explicit/analogous/legacy/color1/output.css
a {
b: rgb(199.7671172587, 91.8239078594, 117.7284104313);
b: rgb(199.8398095014, 91.8297515774, 115.5974807327);
}

<===>
Expand All @@ -99,7 +99,7 @@ a {b: color.mix(rgb(0 100 200), rgb(200 none 0), $method: rec2020)}

<===> explicit/analogous/legacy/color2/output.css
a {
b: rgb(128.6114294932, 95.678836923, 112.8090426091);
b: rgb(127.8955761346, 95.8104640871, 109.1468917634);
}

<===>
Expand All @@ -110,7 +110,7 @@ a {b: color.mix(rgb(0 none 200), rgb(200 none 0), $method: rec2020)}

<===> explicit/analogous/legacy/both/output.css
a {
b: rgb(129.0248146672, 0, 115.9531222724);
b: rgb(127.6339832949, 0, 112.5052480396);
}

<===>
Expand All @@ -127,7 +127,7 @@ a {

<===> explicit/analogous/modern/color1/output.css
a {
b: color(srgb 0.146201736 0.1492595622 0.2497768167);
b: color(srgb 0.1485286314 0.1448485586 0.2496395015);
}

<===>
Expand All @@ -144,7 +144,7 @@ a {

<===> explicit/analogous/modern/color2/output.css
a {
b: color(srgb 0.0134568276 0.2030946777 0.2456679982);
b: color(srgb -0.0044280937 0.2034278916 0.2453243175);
}

<===>
Expand All @@ -161,7 +161,7 @@ a {

<===> explicit/analogous/modern/both/output.css
a {
b: color(srgb 0.2110804397 0.2012136757 none);
b: color(srgb 0.210063151 0.2012856032 none);
}

<===>
Expand Down
2 changes: 1 addition & 1 deletion spec/core_functions/color/same.hrx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -88,7 +88,7 @@ a {
a {
b: color.same(
color(rec2020 0.5 none 0.2),
oklab(44.66886691637825% 0.2366736512579 0.01872833430856)
oklab(39.853163697274695% 0.20545316630805804 0.044516505430218456)
);
}

Expand Down
2 changes: 1 addition & 1 deletion spec/core_functions/color/to_gamut/rec2020.hrx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,7 +37,7 @@ a {b: color.to-gamut(color(rec2020 1.1 0.5 0.8), $method: local-minde)}

<===> local_minde/out_of_gamut/output.css
a {
b: color(rec2020 1 0.572094984 0.7959437908);
b: color(rec2020 1 0.594237338 0.7988213133);
}

<===>
Expand Down
18 changes: 9 additions & 9 deletions spec/core_functions/color/to_space/a98_rgb/rec2020.hrx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ a {b: color.to-space(color(a98-rgb 0.5 0.5 0.5), rec2020)}

<===> gray/output.css
a {
b: color(rec2020 0.4543095825 0.4543095825 0.4543095825);
b: color(rec2020 0.529851086 0.529851086 0.529851086);
}

<===>
Expand All @@ -37,7 +37,7 @@ a {b: color.to-space(color(a98-rgb 0.2 0.4 0.8), rec2020)}

<===> middle/output.css
a {
b: color(rec2020 0.2185447527 0.3379568627 0.7598138887);
b: color(rec2020 0.3169673802 0.4258693615 0.7959118383);
}

<===>
Expand All @@ -48,7 +48,7 @@ a {b: color.to-space(color(a98-rgb -1 0.4 2), rec2020)}

<===> out_of_range/near/output.css
a {
b: color(rec2020 -0.8122496028 0.2467395561 2.013750701);
b: color(rec2020 -0.8407922932 0.3429189392 1.8313548032);
}

<===>
Expand All @@ -59,7 +59,7 @@ a {b: color.to-space(color(a98-rgb -999999 0 0), rec2020)}

<===> out_of_range/far/output.css
a {
b: color(rec2020 -898316.3792876494 -332882.1030921165 -174225.0344960701);
b: color(rec2020 -298102.1977103576 -118894.7270630609 -65284.631320063);
}

<===>
Expand All @@ -70,7 +70,7 @@ a {b: color.to-space(color(a98-rgb 0.1 0.2 0.3 / 0.4), rec2020)}

<===> alpha/partial/output.css
a {
b: color(rec2020 0.0494709718 0.1182706557 0.2275848731 / 0.4);
b: color(rec2020 0.1526889012 0.2231473214 0.3253061345 / 0.4);
}

<===>
Expand All @@ -81,7 +81,7 @@ a {b: color.to-space(color(a98-rgb 0.1 0.2 0.3 / 0.0), rec2020)}

<===> alpha/transparent/output.css
a {
b: color(rec2020 0.0494709718 0.1182706557 0.2275848731 / 0);
b: color(rec2020 0.1526889012 0.2231473214 0.3253061345 / 0);
}

<===>
Expand All @@ -92,7 +92,7 @@ a {b: color.to-space(color(a98-rgb none 0.2 0.3), rec2020)}

<===> missing/red/output.css
a {
b: color(rec2020 none 0.116069056 0.2272691007);
b: color(rec2020 none 0.2210557359 0.3250151515);
}

<===>
Expand All @@ -103,7 +103,7 @@ a {b: color.to-space(color(a98-rgb 0.1 none 0.3), rec2020)}

<===> missing/green/output.css
a {
b: color(rec2020 0.0393483967 none 0.2248497454);
b: color(rec2020 0.1387973112 none 0.3227850322);
}

<===>
Expand All @@ -114,5 +114,5 @@ a {b: color.to-space(color(a98-rgb 0.1 0.2 none), rec2020)}

<===> missing/blue/output.css
a {
b: color(rec2020 0.0350776367 0.1152389042 none);
b: color(rec2020 0.1323094167 0.2202666564 none);
}
18 changes: 9 additions & 9 deletions spec/core_functions/color/to_space/display_p3/rec2020.hrx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ a {b: color.to-space(color(display-p3 0.5 0.5 0.5), rec2020)}

<===> gray/output.css
a {
b: color(rec2020 0.4500400319 0.4500400319 0.4500400319);
b: color(rec2020 0.5260663507 0.5260663507 0.5260663507);
}

<===>
Expand All @@ -37,7 +37,7 @@ a {b: color.to-space(color(display-p3 0.2 0.4 0.8), rec2020)}

<===> middle/output.css
a {
b: color(rec2020 0.2536165098 0.3459256961 0.7717684009);
b: color(rec2020 0.3492245117 0.4330509838 0.8061613025);
}

<===>
Expand All @@ -48,7 +48,7 @@ a {b: color.to-space(color(display-p3 -1 0.4 2), rec2020)}

<===> out_of_range/near/output.css
a {
b: color(rec2020 -0.699464711 0.3562683997 2.1433011781);
b: color(rec2020 -0.7440053927 0.4423578073 1.9350866788);
}

<===>
Expand All @@ -59,7 +59,7 @@ a {b: color.to-space(color(display-p3 -999999 0 0), rec2020)}

<===> out_of_range/far/output.css
a {
b: color(rec2020 -2759152.3635634547 -781900.5819995644 152514.0918455245);
b: color(rec2020 -842581.2336416161 -262151.5460494757 57715.4288857878);
}

<===>
Expand All @@ -70,7 +70,7 @@ a {b: color.to-space(color(display-p3 0.1 0.2 0.3 / 0.4), rec2020)}

<===> alpha/partial/output.css
a {
b: color(rec2020 0.0792630187 0.1360787348 0.2384262851 / 0.4);
b: color(rec2020 0.1858264538 0.2400093404 0.3352839661 / 0.4);
}

<===>
Expand All @@ -81,7 +81,7 @@ a {b: color.to-space(color(display-p3 0.1 0.2 0.3 / 0.0), rec2020)}

<===> alpha/transparent/output.css
a {
b: color(rec2020 0.0792630187 0.1360787348 0.2384262851 / 0);
b: color(rec2020 0.1858264538 0.2400093404 0.3352839661 / 0);
}

<===>
Expand All @@ -92,7 +92,7 @@ a {b: color.to-space(color(display-p3 none 0.2 0.3), rec2020)}

<===> missing/red/output.css
a {
b: color(rec2020 none 0.1345809807 0.2384516749);
b: color(rec2020 none 0.2385948953 0.3353073054);
}

<===>
Expand All @@ -103,7 +103,7 @@ a {b: color.to-space(color(display-p3 0.1 none 0.3), rec2020)}

<===> missing/green/output.css
a {
b: color(rec2020 0.0496776807 none 0.237203952);
b: color(rec2020 0.1529544086 none 0.3341601995);
}

<===>
Expand All @@ -114,5 +114,5 @@ a {b: color.to-space(color(display-p3 0.1 0.2 none), rec2020)}

<===> missing/blue/output.css
a {
b: color(rec2020 0.0635852545 0.1330813978 none);
b: color(rec2020 0.1695222177 0.2371780507 none);
}
18 changes: 9 additions & 9 deletions spec/core_functions/color/to_space/display_p3_linear/rec2020.hrx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,7 +26,7 @@ a {b: color.to-space(color(display-p3-linear 0.5 0.5 0.5), rec2020)}

<===> gray/output.css
a {
b: color(rec2020 0.7054355531 0.7054355531 0.7054355531);
b: color(rec2020 0.7491535384 0.7491535384 0.7491535384);
}

<===>
Expand All @@ -37,7 +37,7 @@ a {b: color.to-space(color(display-p3-linear 0.2 0.4 0.8), rec2020)}

<===> middle/output.css
a {
b: color(rec2020 0.5087906169 0.6251394888 0.8914365162);
b: color(rec2020 0.5779617947 0.6796747671 0.9082112067);
}

<===>
Expand All @@ -48,7 +48,7 @@ a {b: color.to-space(color(display-p3-linear -1 0.4 2), rec2020)}

<===> out_of_range/near/output.css
a {
b: color(rec2020 -0.7605208006 0.5913026458 1.394070004);
b: color(rec2020 -0.7965182173 0.6502284819 1.3279932207);
}

<===>
Expand All @@ -59,7 +59,7 @@ a {b: color.to-space(color(display-p3-linear -999999 0 0), rec2020)}

<===> out_of_range/far/output.css
a {
b: color(rec2020 -485.0647425281 -137.3886086146 26.7185039398);
b: color(rec2020 -281.1023466841 -87.4591218497 19.2550484771);
}

<===>
Expand All @@ -70,7 +70,7 @@ a {b: color.to-space(color(display-p3-linear 0.1 0.2 0.3 / 0.4), rec2020)}

<===> alpha/partial/output.css
a {
b: color(rec2020 0.3386744281 0.4295143351 0.5387140347 / 0.4);
b: color(rec2020 0.4265164361 0.5078406298 0.6042488483 / 0.4);
}

<===>
Expand All @@ -81,7 +81,7 @@ a {b: color.to-space(color(display-p3-linear 0.1 0.2 0.3 / 0.0), rec2020)}

<===> alpha/transparent/output.css
a {
b: color(rec2020 0.3386744281 0.4295143351 0.5387140347 / 0);
b: color(rec2020 0.4265164361 0.5078406298 0.6042488483 / 0);
}

<===>
Expand All @@ -92,7 +92,7 @@ a {b: color.to-space(color(display-p3-linear none 0.2 0.3), rec2020)}

<===> missing/red/output.css
a {
b: color(rec2020 none 0.423943727 0.5388304424);
b: color(rec2020 none 0.5028852638 0.6043509288);
}

<===>
Expand All @@ -103,7 +103,7 @@ a {b: color.to-space(color(display-p3-linear 0.1 none 0.3), rec2020)}

<===> missing/green/output.css
a {
b: color(rec2020 0.2720431653 none 0.5353168234);
b: color(rec2020 0.3660758373 none 0.6012691496);
}

<===>
Expand All @@ -114,5 +114,5 @@ a {b: color.to-space(color(display-p3-linear 0.1 0.2 none), rec2020)}

<===> missing/blue/output.css
a {
b: color(rec2020 0.3162343228 0.4249607248 none);
b: color(rec2020 0.4062428694 0.5037902303 none);
}
Loading