2d:null 2e:["$","title",null,{"children":"Color Spaces | John C | Observable"}] 33:Tac6,Color is a big subject in art, especially digital art. Here are some functions that you can use to get colors in different color space: RGB: Native for screen, most of the time at the end we need to convert the colors to this color space for a screen to display. Normally for each channel the value range is 0-255 (int) or 0. - 1. (float) HSB(HSV): A bit more direct for human being, also widely used. Normally the range for hue is 0-360 (int) or 0. - 1.(float), and for saturation and brightness is 0 - 100 (int) or 0. - 1. (float) HSL: Similar to HSB but for a pure color the lightness is mid grey. CMYK: Use for print, normally range from 0 - 100 (or 0% - 100%) CIELAB: A color space that models according to human eye perception, useful for calculating color different. In LAB color space, l represents darkness to lightness, ranges from 0 to 100; a represents greenness to redness, ranges from -128 to +127; and b represents blueness to yellowness also with values from -128 to +127. RYB: And other color space derive from classic color theory in painting, good for modelling the interaction of paint color. It's also a linear color space with three basic colors (red, yellow, blue) as the three axis. YIQ: Used in the NTSC TV system, In YIQ the Y component represents the luma information, and is the only component used by black-and-white television receivers. I and Q represent the chrominance information, with I indicating red-cyan contrast, and Q indicating magenta-green contrast. Similar color space is used in other TV system like YUV for PAL. In YIQ, Y ranges from 0 to 1, I ranges from -0.599 to 0.599 (FCC 1987) and Q ranges from -0.5251 and 0.5251, the different between the ranges is due to the eye is more sensitive to changes in the I range than in the Q range, so they cut the Q range to save some bandwidth. It is interesting to play with the chroma channels for some cool video effect. NCS: Natural Color System, modelled after color perception instead of color production, is a color system that based on human psychology which also used in product design. NCS color system has around 2000 colors, if you want to find a NCS color corresponding to a RGB color you can only appoximate and using a official chart is recommanded. XYZ: An old color system established in 1931 by CIE, In the CIE 1931 model, Y is the luminance, Z is quasi-equal to blue (of CIE RGB), and X is a mix of the three CIE RGB curves chosen to be nonnegative. XYZ range from 0 - 100 or noted as percentages. LMS: A color space which represents the response of the three types of cones of the human eye, named for their responsivity (sensitivity) peaks at long, medium, and short wavelengths. Values are normalized to have their maxima equal to unity.34:T6f1,function ryb2rgb(red, yellow, blue, rangeR=1,rangeY=1,rangeB=1,_rangeR=255,_rangeG=255,_rangeB=255) { let r = red / rangeR, y = yellow / rangeY, b = blue / rangeB; const f = (ryb) => { if (ryb[0] === 0 && ryb[1] === 0 && ryb[2] === 0) { // white return [1, 1, 1]; } else if (ryb[0] === 1 && ryb[1] === 0 && ryb[2] === 0) { // red return [1, 0, 0]; } else if (ryb[0] === 0 && ryb[1] === 1 && ryb[2] === 0) { // yellow return [1, 1, 0]; } else if (ryb[0] === 1 && ryb[1] === 1 && ryb[2] === 0) { // orange return [1, 0.5, 0]; } else if (ryb[0] === 0 && ryb[1] === 0 && ryb[2] === 1) { // blue return [0.163, 0.373, 0.60]; } else if (ryb[0] === 1 && ryb[1] === 0 && ryb[2] === 1) { // violet return [0.5, 0, 0.5]; } else if (ryb[0] === 0 && ryb[1] === 1 && ryb[2] === 1) { // green return [0, 0.66, 0.2]; } else if (ryb[0] === 1 && ryb[1] === 1 && ryb[2] === 1) { // black return [0, 0, 0]; } else { let res = [0,0,0]; for (let i = 0; i < res.length; ++i) { res[i] = f([0,0,0])[i] * (1 - ryb[0]) * (1 - ryb[1]) * (1 - ryb[2]) + f([0,0,1])[i] * (1 - ryb[0]) * (1 - ryb[1]) * ryb[2] + f([0,1,0])[i] * (1 - ryb[0]) * ryb[1] * (1 - ryb[2]) + f([1,0,0])[i] * ryb[0] * (1 - ryb[1]) * (1 - ryb[2]) + f([0,1,1])[i] * (1 - ryb[0]) * ryb[1] * ryb[2] + f([1,0,1])[i] * ryb[0] * (1 - ryb[1]) * ryb[2] + f([1,1,0])[i] * ryb[0] * ryb[1] * (1 - ryb[2]) + f([1,1,1])[i] * ryb[0] * ryb[1] * ryb[2]; } return res; } } let re = f([r,y,b]); return [re[0] * _rangeR, re[1] * _rangeG, re[2] *_rangeB]; }35:T6ec,function rgb2ryb(red, green, blue, rangeR=255,rangeG=255,rangeB=255,_rangeR=1,_rangeY=1,_rangeB=1) { let r = red/rangeR, g = green/rangeG, b = blue/rangeB; const f = (rgb) => { if (rgb[0] === 0 && rgb[1] === 0 && rgb[2] === 0) { // black return [1, 1, 1]; } else if (rgb[0] === 1 && rgb[1] === 0 && rgb[2] === 0) { // red return [1, 0, 0]; } else if (rgb[0] === 0 && rgb[1] === 1 && rgb[2] === 0) { // green return [0, 1, 0.483]; } else if (rgb[0] === 1 && rgb[1] === 1 && rgb[2] === 0) { // yellow return [0, 1, 0]; } else if (rgb[0] === 0 && rgb[1] === 0 && rgb[2] === 1) { // blue return [0, 0, 1]; } else if (rgb[0] === 1 && rgb[1] === 0 && rgb[2] === 1) { // magenta return [0.309, 0, 0.469]; } else if (rgb[0] === 0 && rgb[1] === 1 && rgb[2] === 1) { // lightblue return [0, 0.053, 0.210]; } else if (rgb[0] === 1 && rgb[1] === 1 && rgb[2] === 1) { // white return [0, 0, 0]; } else { let res = [0,0,0]; for (let i = 0; i < res.length; ++i) { res[i] = f([0,0,0])[i] * (1 - rgb[0]) * (1 - rgb[1]) * (1 - rgb[2]) + f([0,0,1])[i] * (1 - rgb[0]) * (1 - rgb[1]) * rgb[2] + f([0,1,0])[i] * (1 - rgb[0]) * rgb[1] * (1 - rgb[2]) + f([1,0,0])[i] * rgb[0] * (1 - rgb[1]) * (1 - rgb[2]) + f([0,1,1])[i] * (1 - rgb[0]) * rgb[1] * rgb[2] + f([1,0,1])[i] * rgb[0] * (1 - rgb[1]) * rgb[2] + f([1,1,0])[i] * rgb[0] * rgb[1] * (1 - rgb[2]) + f([1,1,1])[i] * rgb[0] * rgb[1] * rgb[2]; } return res; } } let re = f([r,g,b]); return [re[0] * _rangeR, re[1] * _rangeY, re[1] * _rangeB]; }36:Tc21,function ncs2rgb(ncsString, rangeR=255, rangeG=255,rangeB=255) { // from https://github.com/m90/ncs-color/blob/master/ncscolor.js const ncsRe = /^(?:NCS|NCS\sS)\s(\d{2})(\d{2})-(N|R|G|B|Y)(\d{2})?(R|G|B|Y)?$/ let ncs = ncsString.trim().toUpperCase().match(ncsRe) if (ncs === null) { throw new Error("Invalid NCS color"); } let Sn = parseInt(ncs[1], 10); let Cn = parseInt(ncs[2], 10); let C1 = ncs[3]; let N = parseInt(ncs[4], 10) || 0; if (C1 !== 'N') { let S = (1.05 * Sn - 5.25),C = Cn,Ra,x1,Ba,x2,x3,x5,Ga,x6,x7,x8,Rc,Gc,Bc,top,ss; // extract red if (C1 === 'Y' && N <= 60) { Ra = 1; } else if ((C1 === 'Y' && N > 60) || (C1 === 'R' && N <= 80)) { if (C1 === 'Y') { x1 = N - 60; } else { x1 = N + 40; } Ra = ((Math.sqrt(14884 - Math.pow(x1, 2))) - 22) / 100; } else if ((C1 === 'R' && N > 80) || (C1 === 'B')) { Ra = 0; } else if (C1 === 'G') { x1 = (N - 170); Ra = ((Math.sqrt(33800 - Math.pow(x1, 2))) - 70) / 100; } // extract blue if (C1 === 'Y' && N <= 80) { Ba = 0; } else if ((C1 === 'Y' && N > 80) || (C1 === 'R' && N <= 60)) { if (C1 === 'Y') { x2 = (N - 80) + 20.5; } else { x2 = (N + 20) + 20.5; } Ba = (104 - (Math.sqrt(11236 - Math.pow(x2, 2)))) / 100; } else if ((C1 === 'R' && N > 60) || (C1 === 'B' && N <= 80)) { if (C1 === 'R') { x3 = (N - 60) - 60; } else { x3 = (N + 40) - 60; } Ba = ((Math.sqrt(10000 - Math.pow(x3, 2))) - 10) / 100 } else if ((C1 === 'B' && N > 80) || (C1 === 'G' && N <= 40)) { if (C1 === 'B') { x5 = (N - 80) - 131; } else { x5 = (N + 20) - 131; } Ba = (122 - (Math.sqrt(19881 - Math.pow(x5, 2)))) / 100; } else if (C1 === 'G' && N > 40) { Ba = 0; } // exctract green if (C1 === 'Y') { Ga = (85 - 17 / 20 * N) / 100; } else if (C1 === 'R' && N <= 60) { Ga = 0; } else if (C1 === 'R' && N > 60) { x6 = (N - 60) + 35; Ga = (67.5 - (Math.sqrt(5776 - Math.pow(x6, 2)))) / 100; } else if (C1 === 'B' && N <= 60) { x8 = (1 * N - 68.5); Ga = (6.5 + (Math.sqrt(7044.5 - Math.pow(x8, 2)))) / 100; } else if ((C1 === 'B' && N > 60) || (C1 === 'G' && N <= 60)) { Ga = 0.9; } else if (C1 === 'G' && N > 60) { x7 = (N - 60); Ga = (90 - (1 / 8 * x7)) / 100; } // extract saturation x2 = (Ra + Ga + Ba) / 3; Rc = ((x2 - Ra) * (100 - C) / 100) + Ra; Gc = ((x2 - Ga) * (100 - C) / 100) + Ga; Bc = ((x2 - Ba) * (100 - C) / 100) + Ba; // extract blackness top = Math.max(Rc, Gc, Bc); ss = 1 / top; return [ (Rc * ss * (100 - S) / 100) * rangeR, (Gc * ss * (100 - S) / 100) * rangeG, (Bc * ss * (100 - S) / 100) * rangeB ]; } else { var v = (1 - Sn / 100) * rangeR return [v,v,v]; } }37:[] 31:{"id":"f0a51a4983ad3ceb","slug":"color-spaces","title":"Color Spaces","thumbnail":"0a6113a6a16f62392f4fe2703db7ab23168e19406f335c75c4ef47869d84e610","access_level":"public","create_time":"$D2024-05-15T11:57:40.484Z","update_time":"$D2024-05-20T10:49:11.262Z","view_time":null,"first_public_time":"$D2024-05-17T14:20:57.605Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"b2e9840be7b1b607","login":"real-john-cheung","name":"John C","avatar_url":"https://avatars-next.observableusercontent.com/1d9ef6121a0bbd1a75fab479f9891fe1d78cc65f76c394585ae1a7dad0d3abf6","tier":"starter_2024"},"version":171,"publish_version":null,"role":null,"authored":false,"authors":[{"type":"individual","id":"e8e99acdbe3aebfb","login":"real-john-cheung","name":"John C","avatar_url":"https://avatars-next.observableusercontent.com/1d9ef6121a0bbd1a75fab479f9891fe1d78cc65f76c394585ae1a7dad0d3abf6","tier":null}],"members":[{"type":"team","id":"b2e9840be7b1b607","login":"real-john-cheung","name":"John C","avatar_url":"https://avatars-next.observableusercontent.com/1d9ef6121a0bbd1a75fab479f9891fe1d78cc65f76c394585ae1a7dad0d3abf6","tier":"starter_2024","role":"editor"},{"type":"individual","id":"e8e99acdbe3aebfb","login":"real-john-cheung","name":"John C","avatar_url":"https://avatars-next.observableusercontent.com/1d9ef6121a0bbd1a75fab479f9891fe1d78cc65f76c394585ae1a7dad0d3abf6","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"aac27ce630a2ebd4","slug":"posts","title":"Posts","owner":{"id":"b2e9840be7b1b607","login":"real-john-cheung","name":"John C"}},"type":"notebook","body":{"title":"Color Spaces","cells":[{"id":0,"value":"# Color Spaces","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":7,"value":"$33","pinned":false,"hidden":false,"mode":"md","author":"$undefined","summary":"$undefined","output":"","database":"$undefined"},{"id":20,"value":"function rgb2hsb(r, g, b, rangeR = 255, rangeG = 255, rangeB = 255, rangeH = 360, rangeS = 100, rangeBri = 100){\n let nr = r / rangeR, ng = g / rangeG, nb = b / rangeB;\n let max = Math.max(nr, ng, nb);\n let min = Math.min(nr, ng, nb);\n let bri = max;\n let sat = max === 0 ? 0 : ((max - min) / max);\n let hue, diff = (max - min);\n switch (max){\n case min:\n hue = 0;\n break;\n case nr:\n hue = (1. / 6.) * (ng-nb) / diff;\n break;\n case ng:\n hue = (1. / 6.) * (2. + (nb - nr) / diff);\n break;\n case nb:\n hue = (1. / 6.) * (4. + (nr - ng) / diff);\n break;\n }\n if (hue < 0) hue += 1.\n return [hue * rangeH, sat * rangeS, bri * rangeBri];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"function hsb2rgb(hue, sat, bri, rangeH = 360, rangeS = 100, rangeBri = 100, rangeR = 255, rangeG = 255, rangeB = 255){\n let nh = hue / rangeH, ns = sat / rangeS, nbri = bri / rangeBri;\n let i = Math.floor(nh * 6);\n let f = nh * 6 - i;\n let p = nbri * (1 - ns);\n let q = nbri * (1 - f * ns);\n let t = nbri * (1 - (1 - f) * ns);\n let r, g, b;\n switch (i % 6) {\n case 0: r = nbri, g = t, b = p; break;\n case 1: r = q, g = nbri, b = p; break;\n case 2: r = p, g = nbri, b = t; break;\n case 3: r = p, g = q, b = nbri; break;\n case 4: r = t, g = p, b = nbri; break;\n case 5: r = nbri, g = p, b = q; break;\n }\n return [r * rangeR, b * rangeB, g * rangeG];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"function hsl2hsb(hue, sat, lit, rangH=360, rangS=100, rangL=100, _rangH=360, _rangS=100, _rangB=100) {\n let h = hue / rangH, s = sat / rangS, l = lit / rangL;\n let _h = h, _s, _b;\n l *= 2;\n s *= (l <= 1) ? l : 2 - l;\n _b = (l + s) / 2;\n _s = (2 * s) / (l + s);\n return [_h * _rangH, _s * _rangS, _b * _rangB];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":71,"value":"function hsb2hsl(hue, sat, bri, rangH=360, rangS=100, rangB=100, _rangH=360, _rangS=100, _rangL=100) {\n let h = hue / rangH, s = sat / rangS, b = bri / rangB;\n let _h = h,_s = s * b,_l = (2 - s) * b;\n _s /= (_l <= 1) ? _l : 2 - _l;\n _l /= 2;\n return [_h * _rangH, _s * _rangS, _l * _rangL]\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"function hsl2rgb(hue, sat, lit, rangH=360, rangS=100, rangL=100, rangR=255, rangG=255, rangB=255) {\n let hsb = hsl2hsb(hue, sat, lit, rangH, rangS, rangL, 1, 1, 1);\n return hsb2rgb(hsb[0], hsb[1], hsb[2], 1, 1, 1, rangR, rangG, rangB);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":75,"value":"function rgb2hsl(r, g, b, rangR=255, rangG=255, rangB=255, rangH=360, rangS=100, rangL=100) {\n let hsb = rgb2hsb(r, g, b, rangR, rangG, rangB, 1, 1, 1);\n return hsb2hsl(hsb[0], hsb[1], hsb[2], 1, 1, 1, rangH, rangS, rangL);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":78,"value":"function cmyk2rgb(cyan, mag, yellow, dark, rangC=100, rangM=100, rangY=100, rangK=100, rangR=255, rangG=255, rangB=255) {\n let c = cyan/rangC, m = mag/rangM, y=yellow/rangY, k=dark/rangK;\n c = c * (1 - k) + k;\n m = m * (1 - k) + k;\n y = y * (1 - k) + k;\n let r = 1 - c, g = 1 - m, b = 1 - y;\n return [r * rangR, g * rangG, b * rangB];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":83,"value":"function rgb2cmyk(red, green, blue, rangR=255, rangG=255, rangB=255, rangC=100, rangM=100, rangY=100, rangK=100){\n let r = red / rangR, g = green / rangG, b = blue / rangB;\n let c = 1 - r, m = 1 - g, y = 1 - b, k = k = Math.min(c, Math.min(m, y));\n c = k === 1 ? 0 : (c - k) / (1 - k);\n m = k === 1 ? 0 : (m - k) / (1 - k);\n y = k === 1 ? 0 : (y - k) / (1 - k);\n return [c * rangC, m * rangM, y * rangY, k * rangK];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":90,"value":"function lab2rgb(l, a, b, _rangeR=255, _rangeG=255, _rangeB=255){\n let y = (l + 16) / 116, x = a / 500 + y, z = y - b / 200, _r, _g, _b;\n x = 0.95047 * ((x * x * x > 0.008856) ? x * x * x : (x - 16/116) / 7.787);\n y = 1.00000 * ((y * y * y > 0.008856) ? y * y * y : (y - 16/116) / 7.787);\n z = 1.08883 * ((z * z * z > 0.008856) ? z * z * z : (z - 16/116) / 7.787);\n _r = x * 3.2406 + y * -1.5372 + z * -0.4986;\n _g = x * -0.9689 + y * 1.8758 + z * 0.0415;\n _b = x * 0.0557 + y * -0.2040 + z * 1.0570;\n _r = (_r > 0.0031308) ? (1.055 * Math.pow(_r, 1/2.4) - 0.055) : 12.92 * _r;\n _g = (_g > 0.0031308) ? (1.055 * Math.pow(_g, 1/2.4) - 0.055) : 12.92 * _g;\n _b = (_b > 0.0031308) ? (1.055 * Math.pow(_b, 1/2.4) - 0.055) : 12.92 * _b;\n _r = Math.max(0, Math.min(1, _r));\n _g = Math.max(0, Math.min(1, _g));\n _b = Math.max(0, Math.min(1, _b));\n return [_r * _rangeR, _g * _rangeG, _b * _rangeB];\n}\n","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"function rgb2lab(red, green, blue, rangeR=255, rangeG=255, rangeB=255){\n let r = red / rangeR, g = green / rangeG, b = blue / rangeB, x, y, z;\n r = (r > 0.04045) ? Math.pow((r + 0.055) / 1.055, 2.4) : r / 12.92;\n g = (g > 0.04045) ? Math.pow((g + 0.055) / 1.055, 2.4) : g / 12.92;\n b = (b > 0.04045) ? Math.pow((b + 0.055) / 1.055, 2.4) : b / 12.92;\n x = (r * 0.4124 + g * 0.3576 + b * 0.1805) / 0.95047;\n y = (r * 0.2126 + g * 0.7152 + b * 0.0722) / 1.00000;\n z = (r * 0.0193 + g * 0.1192 + b * 0.9505) / 1.08883;\n x = (x > 0.008856) ? Math.pow(x, 1/3) : (7.787 * x) + 16/116;\n y = (y > 0.008856) ? Math.pow(y, 1/3) : (7.787 * y) + 16/116;\n z = (z > 0.008856) ? Math.pow(z, 1/3) : (7.787 * z) + 16/116;\n return [(116 * y) - 16, 500 * (x - y), 200 * (y - z)]\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":97,"value":"function deltaE(l0, a0, b0, l1, a1, b1){\n let dl = l1 - l0, da = a1 - a0, db = b1 - b0, c0 = Math.sqrt(a0**2+b0**2), c1 = Math.sqrt(a1**2+b1**2),dc=c1 - c0;\n let dh = da**2 + db**2 - dc**2;\n dh = dh < 0 ? 0 : Math.sqrt(dh);\n let sc = 1.0 + 0.045*c0, sh = 1.0 + 0.045*c0;\n let dlklsl = dl / (1.0), dckcsc = dc / sc, dhkhsh = dh / sh;\n let res = dlklsl**2 + dckcsc ** 2 + dhkhsh ** 2;\n return res < 0 ? 0 : Math.sqrt(res);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":102,"value":"$34","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":104,"value":"$35","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":120,"value":"function rgb2yiq(red, green, blue, rangeR=255,rangeG=255,rangeB=255){\n let r = red/rangeR, g = green/rangeG, b = blue/rangeB;\n let y = 0.30 * r + 0.59 * g + 0.11 * b;\n let i = -0.27 * (b - y) + 0.74 * (r - y);\n let q = 0.41*(b - y) + 0.48 * (r - y);\n return [y,i,q];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":122,"value":"function yiq2rgb(y,i,q,rangeR=255,rangeG=255,rangeB=255) {\n let r = y + 0.9469 * i + 0.6236 * q;\n let g = y - 0.2748 * i - 0.6357 * q;\n let b = y - 1.1* i + 1.7* q;\n return [r * rangeR, g * rangeG, b * rangeB];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"function yuv2yiq(y,u,v) {\n return[y, u * -0.54464 + v * 0.83867, u * 0.83867 + v * 0.54464];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"function yiq2yuv(y,i,q) {\n return[y, i * -0.54464 + q * 0.83867, i * 0.83867 + q * 0.54464]\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":135,"value":"function yuv2rgb(y,u,v,rangeR=255,rangeG=255,rangeB=255){\n let yiq = yuv2yiq(y,u,v);\n return yiq2rgb(yiq[0],yiq[1],yiq[2],rangeR,rangeG,rangeB);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":137,"value":"function rgb2yuv(r,g,b,rangeR=255,rangeG=255,rangeB=255) {\n let yiq = rgb2yiq(r,g,b,rangeR,rangeG,rangeB);\n return yiq2yuv(...yiq)\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":142,"value":"$36","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":145,"value":"function xyz2rgb(x, y, z, rangeX=1,rangeY=1,rangeZ=1,rangeR=255,rangeG=255,rangeB=255) {\n let xx = x / rangeX, yy = y / rangeY, zz = z / rangeZ;\n let r = xx * 3.240481 + yy * -1.537151 + zz * -0.498536,\n g = xx * -0.969256 + yy * 1.875990 + zz * 0.041556,\n b = xx * 0.055647 + yy * -0.204041 + zz * 1.057311\n if ( r > 0.0031308 ) {\n r = 1.055 * ( r ** ( 1 / 2.4 ) ) - 0.055;\n } else {\n r = 12.92 * r;\n }\n if ( g > 0.0031308 ) {\n g = 1.055 * ( g ** ( 1 / 2.4 ) ) - 0.055;\n } else {\n g = 12.92 * g;\n }\n if ( b > 0.0031308 ) {\n b = 1.055 * ( b ** ( 1 / 2.4 ) ) - 0.055;\n } else {\n b = 12.92 * b;\n }\n return [r * rangeR, b * rangeB, g * rangeG];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":150,"value":"function rgb2xyz(r, g, b, rangeR=255,rangeG=255,rangeB=255,rangeX=1,rangeY=1,rangeZ=1) {\n let rr = ( r / rangeR ), gg = ( g / rangeG ), bb = ( b / rangeB );\n if ( rr > 0.04045 ) {\n rr = ( ( rr + 0.055 ) / 1.055 ) ** 2.4;\n } else {\n rr = rr / 12.92;\n }\n if ( gg > 0.04045 ) {\n gg = ( ( gg + 0.055 ) / 1.055 ) ** 2.4;\n } else {\n gg = gg / 12.92;\n }\n if ( bb > 0.04045 ) {\n bb = ( ( bb + 0.055 ) / 1.055 ) ** 2.4;\n } else {\n bb = bb / 12.92;\n }\n let x = rr * 0.412453 + gg * 0.357580 + bb * 0.180423,\n y = rr * 0.212671 + gg * 0.715160 + bb * 0.072169,\n z = rr * 0.019334 + gg * 0.119193 + bb * 0.950227;\n return [x * rangeX, y * rangeY, z * rangeZ];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":154,"value":"function xyz2lms(x, y, z, rangeX=1, rangeY=1, rangeZ=1, matName=\"E\") {\n let xx = x / rangeX, yy = y / rangeY, zz = z / rangeZ;\n const options = {\n E:[\n [0.38971, 0.68898, -0.07868],\n [-0.22981, 1.18340, 0.04641],\n [0,0,1]\n ],\n D65:[\n [0.4002, 0.7076, -0.0808],\n [-0.2263, 1.1653, 0.0457],\n [0, 0, 0.9182]\n ],\n BFD:[\n [0.8951, 0.2664, -0.1614],\n [-0.7502, 1.7135, 0.0367],\n [0.0389, -0.0685, 1.0296]\n ],\n CAT97:[\n [0.8562, 0.3372, -0.1934],\n [-0.8360, 1.8327, 0.0033],\n [0.0357, -0.0469, 1.0112]\n ],\n CAT02:[\n [0.7328, 0.4296, -0.1624],\n [-0.7036, 1.6975, 0.0061],\n [0.0030, 0.0136, 0.9834]\n ],\n CAT16:[\n [0.401288, 0.650173, -0.051461],\n [-0.250268, 1.204414, 0.045854],\n [-0.002079, 0.048592, 0.953127]\n ]\n }\n const mat = options[matName];\n return [mat[0][0]*xx+mat[0][1]*yy+mat[0][2]*zz, mat[1][0]*xx+mat[1][1]*yy+mat[1][2]*zz, mat[2][0]*xx+mat[2][1]*yy+mat[2][2]*zz];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":165,"value":"function lms2xyz(l, m, s, rangeX=1, rangeY=1, rangeZ=1) {\n let x = 1.91020 * l + -1.11212 * m + 0.20191 * s,\n y = 0.37095 * l + 0.62905 * m + 0 * s,\n z = s;\n return [x * rangeX, y * rangeY, z * rangeZ];\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":167,"value":"function rgb2lms(r, g, b, rangeR=255,rangeG=255,rangeB=255,matName=\"E\") {\n let xyz = rgb2xyz(r, g, b, rangeR, rangeG, rangeB, 1, 1, 1);\n return xyz2lms(xyz[0],xyz[1],xyz[2],1,1,1,matName);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":169,"value":"function lms2rgb(l,m,s,rangeR=255,rangeG=255,rangeB=255) {\n let xyz = lms2xyz(l, m, s, 1, 1, 1);\n return xyz2rgb(xyz[0],xyz[1],xyz[2],1,1,1,rangeR,rangeG,rangeB);\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W37","stdlib":"1","titling":"auto"}} 32:"$31:body"