[6a3a178] | 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 | /* ========================================================================== */
|
---|