1 | import { rgb2hue, rgb2whiteness, rgb2value } from './util';
|
---|
2 | import { hsl2rgb } from './rgb-hsl';
|
---|
3 |
|
---|
4 | /* Convert between RGB and HWB
|
---|
5 | /* ========================================================================== */
|
---|
6 |
|
---|
7 | export function rgb2hwb(rgbR, rgbG, rgbB, fallbackhue) {
|
---|
8 | const hwbH = rgb2hue(rgbR, rgbG, rgbB, fallbackhue);
|
---|
9 | const hwbW = rgb2whiteness(rgbR, rgbG, rgbB);
|
---|
10 | const hwbV = rgb2value(rgbR, rgbG, rgbB);
|
---|
11 | const hwbB = 100 - hwbV;
|
---|
12 |
|
---|
13 | return [hwbH, hwbW, hwbB];
|
---|
14 | }
|
---|
15 |
|
---|
16 | export function hwb2rgb(hwbH, hwbW, hwbB, fallbackhue) {
|
---|
17 | const [ rgbR, rgbG, rgbB ] = hsl2rgb(hwbH, 100, 50, fallbackhue).map(
|
---|
18 | v => v * (100 - hwbW - hwbB) / 100 + hwbW
|
---|
19 | );
|
---|
20 |
|
---|
21 | return [ rgbR, rgbG, rgbB ];
|
---|
22 | }
|
---|
23 |
|
---|
24 | /*
|
---|
25 |
|
---|
26 | References
|
---|
27 | ----------
|
---|
28 |
|
---|
29 | - https://www.w3.org/TR/css-color-4/#hwb-to-rgb
|
---|
30 | - http://alvyray.com/Papers/CG/hwb2rgb.htm
|
---|
31 |
|
---|
32 | /* ========================================================================== */
|
---|