Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 | 3x 3x 3x 3x 3x 2x 1x 1x 3x 3x 3x 1x 1x 1x 1x 1x 4x 1x | /**
* HSL颜色值转换为RGB
* - h, s, 和 l 设定在 [0, 1] 之间
* - 返回的 r, g, 和 b 在 [0, 255]之间
* @see http://en.wikipedia.org/wiki/HSL_color_space
* @method hslToRgb
* @param {Number} h 色相
* @param {Number} s 饱和度
* @param {Number} l 亮度
* @return {Array} RGB色值数值
* @example
* import { hslToRgb } from '@spore-ui/tskit';
* hslToRgb(0, 0, 0); // => [0,0,0]
* hslToRgb(0, 0, 1); // => [255,255,255]
* hslToRgb(0.5555555555555555, 0.9374999999999999, 0.6862745098039216); // => [100,200,250]
*/
function hueToRgb(p: number, q: number, t: number): number {
let vt = t;
Iif (vt < 0) vt += 1;
Iif (vt > 1) vt -= 1;
Iif (vt < 1 / 6) return p + (q - p) * 6 * vt;
if (vt < 1 / 2) return q;
if (vt < 2 / 3) return p + (q - p) * (2 / 3 - vt) * 6;
return p;
}
export function hslToRgb(
h: number,
s: number,
l: number,
): number[] {
let r;
let g;
let b;
if (s === 0) {
// achromatic
r = l;
g = l;
b = l;
} else {
const q = l < 0.5 ? l * (1 + s) : l + s - l * s;
const p = 2 * l - q;
r = hueToRgb(p, q, h + 1 / 3);
g = hueToRgb(p, q, h);
b = hueToRgb(p, q, h - 1 / 3);
}
return [Math.round(r * 255), Math.round(g * 255), Math.round(b * 255)];
}
export default hslToRgb;
|