Skip to content

Commit 7086372

Browse files
committed
corrections to sample conversion code
1 parent cc86cad commit 7086372

File tree

5 files changed

+483
-19
lines changed

5 files changed

+483
-19
lines changed

css-color-4/LCH-examples.html

+30-14
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,10 @@
11
<html>
22
<meta charset="utf-8"></meta>
33
<script src="math.js"></script>
4-
<script src="conversions.js"></script>
4+
<script src="conversions.js"></script>
5+
<textarea id="sRGBresults"></textarea>
6+
<textarea id="P3results"></textarea>
7+
<textarea id="Rec2020results"></textarea>
58
<script>
69
// convert a sampling of
710
// several RGB colorspaces
@@ -12,10 +15,14 @@
1215
for (var r =0; r <=1; r+=0.5) {
1316
for (var g =0; g <=1; g+=0.5) {
1417
for (var b =0; b <=1; b+=0.5) {
15-
console.log("r=", r, " g=", g, "b=", b);
16-
var lab = D65_to_D50(XYZ_to_Lab(lin_sRGB_to_XYZ(lin_sRGB([r, g, b]))));
17-
console.log("Lab=",lab);
18-
console.log("LCH=", Lab_to_LCH(lab));
18+
sRGBresults.value += `RGB=${r},${g},${b}
19+
`;
20+
var lab = XYZ_to_Lab(D65_to_D50(lin_sRGB_to_XYZ(lin_sRGB([r, g, b]))));
21+
sRGBresults.value += `Lab=${lab}
22+
`;
23+
sRGBresults.value += `LCH=${Lab_to_LCH(lab)}
24+
25+
`;
1926
}
2027
}
2128
};
@@ -27,10 +34,14 @@
2734
for (var r =0; r <=1; r+=0.5) {
2835
for (var g =0; g <=1; g+=0.5) {
2936
for (var b =0; b <=1; b+=0.5) {
30-
console.log("r=", r, " g=", g, "b=", b);
31-
var lab = D65_to_D50(XYZ_to_Lab(lin_P3_to_XYZ(lin_P3([r, g, b]))));
32-
console.log("Lab=",lab);
33-
console.log("LCH=", Lab_to_LCH(lab));
37+
P3results.value += `RGB=${r},${g},${b}
38+
`;
39+
var lab = XYZ_to_Lab(D65_to_D50(lin_P3_to_XYZ(lin_P3([r, g, b]))));
40+
P3results.value += `Lab=${lab}
41+
`;
42+
P3results.value += `LCH=${Lab_to_LCH(lab)}
43+
44+
`;
3445
}
3546
}
3647
};
@@ -42,14 +53,19 @@
4253
for (var r =0; r <=1; r+=0.5) {
4354
for (var g =0; g <=1; g+=0.5) {
4455
for (var b =0; b <=1; b+=0.5) {
45-
console.log("r=", r, " g=", g, "b=", b);
46-
var lab = D65_to_D50(XYZ_to_Lab(lin_2020_to_XYZ(lin_2020([r, g, b]))));
47-
console.log("Lab=",lab);
48-
console.log("LCH=", Lab_to_LCH(lab));
56+
Rec2020results.value += `RGB=${r},${g},${b}
57+
`;
58+
var lab = XYZ_to_Lab(D65_to_D50(lin_2020_to_XYZ(lin_2020([r, g, b]))));
59+
Rec2020results.value += `Lab=${lab}
60+
`;
61+
Rec2020results.value += `LCH=${Lab_to_LCH(lab)}
62+
63+
`;
4964
}
5065
}
5166
};
5267

5368

54-
</script>
69+
</script>
70+
5571
</html>

css-color-4/P3samples.txt

+218
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,218 @@
1+
image-p3 to Lab and LCH, sample values
2+
3+
RGB=0,0,0
4+
Lab=0,0,0
5+
LCH=0,0,0
6+
7+
RGB=0,0,0.5
8+
Lab=11.257649830405711,40.85490594786646,-67.01383434969532
9+
LCH=11.257649830405711,78.4855230871109,301.36852485669147
10+
11+
RGB=0,0,1
12+
Lab=29.5675825705695,68.29859917400466,-112.02941005918544
13+
LCH=29.5675825705695,131.20704008299427,301.36852485669147
14+
15+
RGB=0,0.5,0
16+
Lab=46.10200487720031,-47.42812689617878,48.44681312272818
17+
LCH=46.10200487720031,67.79764688120514,134.39124629270788
18+
19+
RGB=0,0.5,0.5
20+
Lab=47.805245436929056,-30.30708913337174,-8.949994355598378
21+
LCH=47.805245436929056,31.600981799674866,196.45241125035645
22+
23+
RGB=0,0.5,1
24+
Lab=53.390836258164114,8.955587364408046,-72.78611709827891
25+
LCH=53.390836258164114,73.33499428844263,277.0144049848567
26+
27+
RGB=0,1,0
28+
Lab=87.81813005327668,-79.2872863932051,80.99026038511582
29+
LCH=87.81813005327668,113.33973734241219,134.3912462927079
30+
31+
RGB=0,1,0.5
32+
Lab=88.44071092427411,-72.45736064928782,45.75162851753867
33+
LCH=88.44071092427411,85.6929438417646,147.73052605574094
34+
35+
RGB=0,1,1
36+
Lab=90.66549786839941,-50.665438698900886,-14.962023848069572
37+
LCH=90.66549786839941,52.82848508316594,196.45241125035645
38+
39+
RGB=0.5,0,0
40+
Lab=26.047161670467766,48.34043946518715,39.280901655079056
41+
LCH=26.047161670467766,62.28793882063699,39.09692484182021
42+
43+
RGB=0.5,0,0.5
44+
Lab=29.563247268933154,55.95979864814418,-36.18906211198435
45+
LCH=29.563247268933154,66.64193335495227,327.1093519251607
46+
47+
RGB=0.5,0,1
48+
Lab=39.28279656389248,74.65970336741948,-95.54395060096542
49+
LCH=39.28279656389248,121.2547640439368,308.00468721507167
50+
51+
RGB=0.5,0.5,0
52+
Lab=51.957594419557566,-9.42307748428034,55.8631954255769
53+
LCH=51.957594419557566,56.65236969828312,99.57459669758012
54+
55+
RGB=0.5,0.5,0.5
56+
Lab=53.38896687883651,-0.00001623051842924994,0.000006763225712802523
57+
LCH=53.38896687883651,0.000017583257676680256,157.37860193127446
58+
59+
RGB=0.5,0.5,1
60+
Lab=58.19651042992987,25.9420787555098,-64.76037345845505
61+
LCH=58.19651042992987,69.76315231291977,291.8303324780847
62+
63+
RGB=0.5,1,0
64+
Lab=90.068036829637,-61.35936093238686,83.87625507804212
65+
LCH=90.068036829637,103.92399790206163,126.18719683920217
66+
67+
RGB=0.5,1,0.5
68+
Lab=90.66470674310524,-55.65890003948032,49.054082445681324
69+
LCH=90.66470674310524,74.1904047582473,138.60917527085977
70+
71+
RGB=0.5,1,1
72+
Lab=92.80039769160194,-37.062703204703226,-11.524527578210408
73+
LCH=92.80039769160194,38.81312541835366,197.27291249073542
74+
75+
RGB=1,0,0
76+
Lab=54.29173546502365,80.81243175889557,69.8850744848609
77+
LCH=54.29173546502365,106.83900393835908,40.85263489758937
78+
79+
RGB=1,0,0.5
80+
Lab=55.6322739970431,83.81625629322275,6.130653481916948
81+
LCH=55.6322739970431,84.04016736731634,4.1833907823003695
82+
83+
RGB=1,0,1
84+
Lab=60.1697008006315,93.54998546820059,-60.49854210467602
85+
LCH=60.1697008006315,111.40768994055931,327.10935192516075
86+
87+
RGB=1,0.5,0
88+
Lab=67.72075953447306,45.72710659958751,74.78703848247645
89+
LCH=67.72075953447306,87.65882387386596,58.557095621037966
90+
91+
RGB=1,0.5,0.5
92+
Lab=68.67300154466754,49.475166429384764,23.928907493343733
93+
LCH=68.67300154466754,54.958026775352145,25.810960732929495
94+
95+
RGB=1,0.5,1
96+
Lab=71.99816641415508,61.696554936788104,-41.91281051195352
97+
LCH=71.99816641415508,74.5865173880577,325.81024490310034
98+
99+
RGB=1,1,0
100+
Lab=97.60712733040384,-15.752893738286922,93.38849042558657
101+
LCH=97.60712733040384,94.707781122248,99.57459669758006
102+
103+
RGB=1,1,0.5
104+
Lab=98.1277751014117,-12.176922638328646,60.002978680879515
105+
LCH=98.1277751014117,61.22609652360603,101.47173621025149
106+
107+
RGB=1,1,1
108+
Lab=100.00000357370622,-0.0000271331349055437,0.000011306324942950141
109+
LCH=100.00000357370622,0.00002939455720908227,157.3786019654702
110+
111+
RGB=0,0,0
112+
Lab=0,0,0
113+
LCH=0,0,0
114+
115+
RGB=0,0,0.5
116+
Lab=12.125050622409844,42.155002293669874,-69.14637139661042
117+
LCH=12.125050622409844,80.98311488018534,301.3685234204596
118+
119+
RGB=0,0,1
120+
Lab=31.017647321468736,70.47201646990844,-115.59444807877672
121+
LCH=31.017647321468736,135.3823531039849,301.3685234204596
122+
123+
RGB=0,0.5,0
124+
Lab=45.382094598457606,-63.742048691489586,61.53592098682229
125+
LCH=45.382094598457606,88.59863623716036,136.00886646919355
126+
127+
RGB=0,0.5,0.5
128+
Lab=47.29038116180345,-40.9585105378644,-10.57372744545213
129+
LCH=47.29038116180345,42.30133919358886,194.47526369092208
130+
131+
RGB=0,0.5,1
132+
Lab=53.46621809897093,5.950872561208409,-77.63624940467537
133+
LCH=53.46621809897093,77.86398465185749,274.3831905635118
134+
135+
RGB=0,1,0
136+
Lab=86.61463043852204,-106.55984962161652,102.87178748239607
137+
LCH=86.61463043852204,148.1134909831133,136.00886646919355
138+
139+
RGB=0,1,0.5
140+
Lab=87.31412287701264,-97.1439049814936,51.425830319839406
141+
LCH=87.31412287701264,109.91612392701252,152.10424733448326
142+
143+
RGB=0,1,1
144+
Lab=89.80478094983177,-68.47179865153824,-17.67647619832107
145+
LCH=89.80478094983177,70.7166530696031,194.47526369092208
146+
147+
RGB=0.5,0,0
148+
Lab=27.191500659719573,56.50966305503116,47.305502092839525
149+
LCH=27.191500659719573,73.69635368760655,39.93345411121776
150+
151+
RGB=0.5,0,0.5
152+
Lab=30.848376103967077,63.27629961831671,-36.81234010879108
153+
LCH=30.848376103967077,73.20545387928618,329.8103804861144
154+
155+
RGB=0.5,0,1
156+
Lab=40.930250649478054,80.68236686342952,-98.4849967319453
157+
LCH=40.930250649478054,127.31433110210455,309.3255378668548
158+
159+
RGB=0.5,0.5,0
160+
Lab=51.8131467040147,-10.435402654825898,72.99673881098627
161+
LCH=51.8131467040147,73.73887377501569,98.13571529011948
162+
163+
RGB=0.5,0.5,0.5
164+
Lab=53.3888651604252,-0.002283130933589117,-0.008452341596987267
165+
LCH=53.3888651604252,0.008755270717235005,254.8841151658154
166+
167+
RGB=0.5,0.5,1
168+
Lab=58.637484950362335,27.999314990297066,-68.70165767573495
169+
LCH=58.637484950362335,74.18813521931754,292.1733198003908
170+
171+
RGB=0.5,1,0
172+
Lab=89.10440611727756,-79.45307760383274,107.29701591147811
173+
LCH=89.10440611727756,133.51195139098468,126.51982278628302
174+
175+
RGB=0.5,1,0.5
176+
Lab=89.77146389413845,-72.18929044697359,55.70782275624748
177+
LCH=89.77146389413845,91.18473102158605,142.3429556503696
178+
179+
RGB=0.5,1,1
180+
Lab=92.15152655660088,-49.16338892941413,-13.612246405256112
181+
LCH=92.15152655660088,51.01305777173378,195.47622379141126
182+
183+
RGB=1,0,0
184+
Lab=56.20476764886537,94.46921335172436,98.88385117001721
185+
LCH=56.20476764886537,136.7568948664298,46.30795018347639
186+
187+
RGB=1,0,0.5
188+
Lab=57.6000486421556,97.10231877046144,9.504179121822954
189+
LCH=57.6000486421556,97.56633503099316,5.590189197210951
190+
191+
RGB=1,0,1
192+
Lab=62.318096376500435,105.78124033281067,-61.54049809723661
193+
LCH=62.318096376500435,122.380160616024,329.8103804861144
194+
195+
RGB=1,0.5,0
196+
Lab=68.703219054922,56.38043987849633,103.54393521052027
197+
LCH=68.703219054922,117.8986875235393,61.43138053688231
198+
199+
RGB=1,0.5,0.5
200+
Lab=69.72447161538403,60.00823975987418,28.342732841056907
201+
LCH=69.72447161538403,66.36489541902458,25.282022609563732
202+
203+
RGB=1,0.5,1
204+
Lab=73.28046439269039,71.86172156298831,-43.386759207535476
205+
LCH=73.28046439269039,83.94353995709928,328.8783770719978
206+
207+
RGB=1,1,0
208+
Lab=97.36564894741473,-17.445233726661346,122.03124421392577
209+
LCH=97.36564894741473,123.27189762543868,98.13571529011946
210+
211+
RGB=1,1,0.5
212+
Lab=97.93976302926873,-13.46101494328894,69.95733993212656
213+
LCH=97.93976302926873,71.24063681412848,100.89159287690555
214+
215+
RGB=1,1,1
216+
Lab=99.99983352742068,-0.003816791175559331,-0.014130080033702974
217+
LCH=99.99983352742068,0.014636497416960078,254.8841151652981
218+

0 commit comments

Comments
 (0)