31:[] 2f:{"title":"Picking differentiable colors with good contrast","cells":[{"id":0,"value":"md`# Picking differentiable colors with good contrast`","pinned":false,"hidden":false,"mode":"ojs"},{"id":88,"value":" md`Cycling through hue and ajusting to the same luminance using chroma.js to get an idea of what is out there.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":10,"value":"{\n let content = `

`\n let i = 0\n for (let color of colors) {\n content += `

${i}

`\n i++\n }\n content += `

`\n return html`${content}`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":21,"value":"colors = {\n let colors = []\n for (let i = 0; i < 360; i++) {\n colors.push(chroma.hsl(i,1,0.5).luminance(luminance).hex())\n }\n return colors\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":86,"value":"md`I need 10 of them.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":45,"value":"picked.length","pinned":false,"hidden":false,"mode":"ojs"},{"id":40,"value":"{\n let content = `

`\n for (let hue of picked) {\n content += `

${hue}

`\n }\n content += `

${picked[0]}

`\n content += `

`\n return html`${content}`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":36,"value":"picked = [2,30,45,70,103,190,220,250,290, 310]","pinned":false,"hidden":false,"mode":"ojs"},{"id":91,"value":"picked_hexes = picked.map(h => chroma.hsl(h,1,0.5).luminance(luminance).hex())","pinned":false,"hidden":false,"mode":"ojs"},{"id":94,"value":"html`${JSON.stringify(picked_hexes)}`","pinned":false,"hidden":false,"mode":"ojs"},{"id":8,"value":"luminance = 0.3","pinned":false,"hidden":false,"mode":"ojs"},{"id":6,"value":"chroma = require('chroma-js@1.3.7')","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}