1 | import { matrix } from './util';
|
---|
2 |
|
---|
3 | /* Convert between RGB and XYZ
|
---|
4 | /* ========================================================================== */
|
---|
5 |
|
---|
6 | export function rgb2xyz(rgbR, rgbG, rgbB) {
|
---|
7 | const [ lrgbR, lrgbB, lrgbG ] = [ rgbR, rgbG, rgbB ].map(
|
---|
8 | v => v > 4.045 ? Math.pow((v + 5.5) / 105.5, 2.4) * 100 : v / 12.92
|
---|
9 | );
|
---|
10 |
|
---|
11 | const [ xyzX, xyzY, xyzZ ] = matrix([ lrgbR, lrgbB, lrgbG ], [
|
---|
12 | [0.4124564, 0.3575761, 0.1804375],
|
---|
13 | [0.2126729, 0.7151522, 0.0721750],
|
---|
14 | [0.0193339, 0.1191920, 0.9503041]
|
---|
15 | ]);
|
---|
16 |
|
---|
17 | return [ xyzX, xyzY, xyzZ ];
|
---|
18 | }
|
---|
19 |
|
---|
20 | export function xyz2rgb(xyzX, xyzY, xyzZ) {
|
---|
21 | const [ lrgbR, lrgbB, lrgbG ] = matrix([ xyzX, xyzY, xyzZ ], [
|
---|
22 | [ 3.2404542, -1.5371385, -0.4985314],
|
---|
23 | [-0.9692660, 1.8760108, 0.0415560],
|
---|
24 | [ 0.0556434, -0.2040259, 1.0572252]
|
---|
25 | ]);
|
---|
26 |
|
---|
27 | const [ rgbR, rgbG, rgbB ] = [ lrgbR, lrgbB, lrgbG ].map(
|
---|
28 | v => v > 0.31308 ? 1.055 * Math.pow(v / 100, 1 / 2.4) * 100 - 5.5 : 12.92 * v
|
---|
29 | );
|
---|
30 |
|
---|
31 | return [ rgbR, rgbG, rgbB ];
|
---|
32 | }
|
---|
33 |
|
---|
34 | /*
|
---|
35 |
|
---|
36 | References
|
---|
37 | ----------
|
---|
38 |
|
---|
39 | - https://www.w3.org/TR/css-color-4/#rgb-to-lab
|
---|
40 | - https://www.w3.org/TR/css-color-4/#color-conversion-code
|
---|
41 |
|
---|
42 | /* ========================================================================== */
|
---|