CIECAM02 Color Palette Experiment / Janne Aukia / Observable

CIECAM02 Color Palette ExperimentA painterly palette, based on CIECAM02createSwatches = { let items = html`<div>`; let iterations = 12; let chroma = 60; let peakBrightnessAngle = 90; for(var i = 0; i<iterations; i++) { let hueAngle = 360-i*(360/iterations); let brightness = quadraticBrightness(hueAngle, peakBrightnessAngle); let elem = html`<span>`; elem.append(swatch(cam02.jch(brightness, chroma, hueAngle).rgb())); //elem.append(html`<span>${Math.round(brightness)}, ${Math.round(hueAngle)}</span>`); items.append(elem); } return items; }Supporting Codeswatch = colorValue => html`<div style="width: 3.0rem; height: 3.0rem; background-color: ${colorValue}; border-radius: 3px; display: inline-block; margin: 0.5rem">`cam02 = require('d3-cam02');betterModulo = (num, n) => ((num%n)+n)%n; moduloClamp = (num, length, lowlimit) => (betterModulo(num-lowlimit, length)+lowlimit);quadraticBrightness = (angle, peakAngle) => (25+Math.pow((moduloClamp(angle, 360, peakAngle)-180-peakAngle)/24,2));