Skip to content

Commit 6f80580

Browse files
committed
[css-color-4] add a98-rgb diagram
1 parent e7df394 commit 6f80580

File tree

3 files changed

+215
-3
lines changed

3 files changed

+215
-3
lines changed

css-color-4/LCH-examples.html

+23-3
Original file line numberDiff line numberDiff line change
@@ -4,6 +4,7 @@
44
<script src="conversions.js"></script>
55
<textarea id="sRGBresults"></textarea>
66
<textarea id="P3results"></textarea>
7+
<textarea id="a98results"></textarea>
78
<textarea id="Rec2020results"></textarea>
89
<script>
910
// convert a sampling of
@@ -31,7 +32,7 @@
3132

3233
console.log("image-p3");
3334
P3results.value += `image-p3
34-
35+
`;
3536
// I am a bad person
3637

3738
for (var r =0; r <=1; r+=0.5) {
@@ -49,10 +50,29 @@
4950
}
5051
};
5152

52-
console.log("rec2020");
53+
console.log("a98-rgb");
54+
a98results.value += `a98-rgb
55+
`;
56+
// seriously
57+
for (var r =0; r <=1; r+=0.5) {
58+
for (var g =0; g <=1; g+=0.5) {
59+
for (var b =0; b <=1; b+=0.5) {
60+
a98results.value += `RGB=${r},${g},${b}
61+
`;
62+
var lab = XYZ_to_Lab(D65_to_D50(lin_a98rgb_to_XYZ(lin_a98rgb([r, g, b]))));
63+
a98results.value += `Lab=${lab}
64+
`;
65+
a98results.value += `LCH=${Lab_to_LCH(lab)}
5366
54-
// write-once paste-often
67+
`;
68+
}
69+
}
70+
};
5571

72+
console.log("rec2020");
73+
Rec2020results.value += `rec2020
74+
`;
75+
// write-once paste-often
5676
for (var r =0; r <=1; r+=0.5) {
5777
for (var g =0; g <=1; g+=0.5) {
5878
for (var b =0; b <=1; b+=0.5) {

css-color-4/a98-samples.txt

+110
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,110 @@
1+
a98-rgb
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.803449994501417,41.672973820578925,-68.35570556786979
9+
LCH=11.803449994501417,80.05709981464456,301.3685234204596
10+
11+
RGB=0,0,1
12+
Lab=30.214219811148674,69.26780571149821,-113.61919485115837
13+
LCH=30.214219811148674,133.0689683837346,301.3685234204596
14+
15+
RGB=0,0.5,0
16+
Lab=43.68927087781818,-77.67358861027243,52.444392034616186
17+
LCH=43.68927087781818,93.7208654648385,145.97319134316947
18+
19+
RGB=0,0.5,0.5
20+
Lab=45.635954267798276,-50.175278178295756,-13.109499206752062
21+
LCH=45.635954267798276,51.859594191636276,194.64257160140187
22+
23+
RGB=0,0.5,1
24+
Lab=51.77808895772226,0.8136049974539761,-77.58013209068658
25+
LCH=51.77808895772226,77.58439822735147,270.60085517264463
26+
27+
RGB=0,1,0
28+
Lab=83.21405743748426,-129.10715390592787,87.17179565230677
29+
LCH=83.21405743748426,155.78054803773313,145.97319134316947
30+
31+
RGB=0,1,0.5
32+
Lab=83.93660986642529,-117.22860525033092,42.977510316095376
33+
LCH=83.93660986642529,124.85836889014688,159.86641584874113
34+
35+
RGB=0,1,1
36+
Lab=86.449787323705,-83.40012967009037,-21.790291423357
37+
LCH=86.449787323705,86.19975887032813,194.6425716014019
38+
39+
RGB=0.5,0,0
40+
Lab=31.287187236325245,54.364775565058615,45.938188008560026
41+
LCH=31.287187236325245,71.17475633782671,40.19778079927372
42+
43+
RGB=0.5,0,0.5
44+
Lab=34.295687209589325,60.94831907671253,-30.58080755302711
45+
LCH=34.295687209589325,68.19005344529391,333.3547995638621
46+
47+
RGB=0.5,0,1
48+
Lab=42.9099509898207,77.97653117501929,-92.09615370058144
49+
LCH=42.9099509898207,120.67328180061183,310.25412465926144
50+
51+
RGB=0.5,0.5,0
52+
Lab=52.28480016305849,-9.922867218857379,62.37225431563105
53+
LCH=52.28480016305849,63.15664179052612,99.039490488439
54+
55+
RGB=0.5,0.5,0.5
56+
Lab=53.7879480391463,-0.002296262125001114,-0.008500954365131541
57+
LCH=53.7879480391463,0.008805625750891508,254.8841151653159
58+
59+
RGB=0.5,0.5,1
60+
Lab=58.71605391680187,26.526903312813545,-65.98000503938255
61+
LCH=58.71605391680187,71.112851611817,291.90232591984034
62+
63+
RGB=0.5,1,0
64+
Lab=86.67274118547866,-90.00517515944956,91.23076357219247
65+
LCH=86.67274118547866,128.15609145666264,134.61254940057867
66+
67+
RGB=0.5,1,0.5
68+
Lab=87.34790901553971,-81.95934390089043,48.044674210401126
69+
LCH=87.34790901553971,95.00328822018746,149.62111249908767
70+
71+
RGB=0.5,1,1
72+
Lab=89.70341330597812,-57.35798227169136,-16.52810769108777
73+
LCH=89.70341330597812,59.691845960129726,196.0747099687205
74+
75+
RGB=1,0,0
76+
Lab=62.599614998234586,90.36381055028275,78.14489221087388
77+
LCH=62.599614998234586,119.46649084917698,40.852622050404925
78+
79+
RGB=1,0,0.5
80+
Lab=63.74258260930699,92.9315071630752,16.71486501183661
81+
LCH=63.74258260930699,94.42272891610692,10.196325772491623
82+
83+
RGB=1,0,1
84+
Lab=67.60027063966606,101.30681679749325,-50.830676140461975
85+
LCH=67.60027063966606,113.34385191327048,333.3547995638621
86+
87+
RGB=1,0.5,0
88+
Lab=72.71600741827271,56.99875665793564,84.74652556492688
89+
LCH=72.71600741827271,102.13144401151571,56.076040725034936
90+
91+
RGB=1,0.5,0.5
92+
Lab=73.61709535413478,60.2721490779235,30.870956841053854
93+
LCH=73.61709535413478,67.7181506743476,27.121195034391416
94+
95+
RGB=1,0.5,1
96+
Lab=76.71342800740335,70.91566317100295,-36.23907675880673
97+
LCH=76.71342800740335,79.63857085177904,332.9322161769473
98+
99+
RGB=1,1,0
100+
Lab=97.50133760810414,-16.49354907034223,103.67364739374065
101+
LCH=97.50133760810414,104.97743721799202,99.03949048843899
102+
103+
RGB=1,1,0.5
104+
Lab=98.05476033578266,-12.676063817743055,63.6601373709448
105+
LCH=98.05476033578266,64.9099043598052,101.26149280945155
106+
107+
RGB=1,1,1
108+
Lab=99.99983352742066,-0.003816791175559331,-0.014130080033725179
109+
LCH=99.99983352742066,0.014636497416981514,254.8841151653208
110+

css-color-4/images/a98-prim-sec.svg

+82
Loading

0 commit comments

Comments
 (0)