2c:null 2d:["$","title",null,{"children":"Color from Wavelength, Correlated Temperature and HTML color picker | Sumant Pattanaik | Observable"}] 32:T417,wavelength2rgb = lambda => { let R, G, B, alpha; if (lambda >= 380 && lambda < 440) { R = -1 * (lambda - 440) / (440 - 380); G = 0; B = 1; } else if (lambda >= 440 && lambda < 490) { R = 0; G = (lambda - 440) / (490 - 440); B = 1; } else if (lambda >= 490 && lambda < 510) { R = 0; G = 1; B = -1 * (lambda - 510) / (510 - 490); } else if (lambda >= 510 && lambda < 580) { R = (lambda - 510) / (580 - 510); G = 1; B = 0; } else if (lambda >= 580 && lambda < 645) { R = 1; G = -1 * (lambda - 645) / (645 - 580); B = 0.0; } else if (lambda >= 645 && lambda <= 780) { R = 1; G = 0; B = 0; } else { R = 0; G = 0; B = 0; } // intensty is lower at the edges of the visible spectrum. if (lambda > 780 || lambda < 380) { alpha = 0; } else if (lambda > 700) { alpha = (780 - lambda) / (780 - 700); } else if (lambda < 420) { alpha = (lambda - 380) / (420 - 380); } else { alpha = 1; } return [R*alpha, G*alpha, B*alpha] }33:T444,temperature2rgb = kelvin => { const temp = kelvin / 100; let red=0, green=0, blue=0; if( temp <= 66 ){ red = 255; green = temp; green = 99.4708025861 * Math.log(green) - 161.1195681661; if( temp > 19) { blue = temp-10; blue = 138.5177312231 * Math.log(blue) - 305.0447927307; } } else { red = temp - 60; red = 329.698727446 * Math.pow(red, -0.1332047592); green = temp - 60; green = 288.1221695283 * Math.pow(green, -0.0755148492 ); blue = 255; } return [red/255, green/255, blue/255].map(d=> (d<0)?0:((d>1)?1:d)) } /* const T = temp / 100 let Red = 255; if (T > 66) { Red = 329.698727446 * (T - 60) ^ -0.1332047592; } let Green = 0; if (T <= 66){ Green = 99.4708025861 * Math.log(T) - 161.1195681661; } else { Green = 288.1221695283 * (T - 60) ^ -0.0755148492; } let Blue = 255; if (T < 66){ if (T <= 19) { Blue = 0; } else { Blue = 138.5177312231 * Math.log(T - 10) - 305.0447927307; } } */ 34:T461,{ const myCanvas = html`