2f:[] 2d:{"title":"Hex Color Booster","cells":[{"id":0,"value":"# Hex Color Booster\n## Make yer eyes smile","pinned":false,"hidden":false,"mode":"md"},{"id":28,"value":"viewof color = Inputs.color({label: \"Hex color\", value: \"#4682b4\"})","pinned":false,"hidden":false,"mode":"ojs"},{"id":31,"value":"viewof boost = Inputs.range([0, 10], {label: \"Boost\", step: 0.1, value: 2})","pinned":false,"hidden":false,"mode":"ojs"},{"id":59,"value":"

${boostedString}

\n ${ outputSwatch( boostedColorObj, Color.spaces.srgb, { format: 'hex' }) }\n ${ outputSwatch( boostedColorObj, Color.spaces.p3, { precision: 7 }) }\n ${ outputSwatch( boostedColorObj, Color.spaces.rec2020, { precision: 7 }) }\n ${ outputSwatch( boostedColorObj, Color.spaces.oklch, { precision: 7 }) }\n

","pinned":false,"hidden":false,"mode":"html"},{"id":5,"value":"Color = (await import('https://colorjs.io/dist/color.js')).default","pinned":false,"hidden":false,"mode":"ojs"},{"id":11,"value":"inputColorObj = new Color(color)","pinned":false,"hidden":false,"mode":"ojs"},{"id":38,"value":"boostedColorObj = new Color('oklch', [\n inputColorObj.oklch.l,\n inputColorObj.oklch.c + boost/100,\n inputColorObj.oklch.h\n] )","pinned":false,"hidden":false,"mode":"ojs"},{"id":57,"value":"function outputSwatch( colorObj, destinationGamut, toStringOptions={} ) {\n const destinationObj = colorObj.to( destinationGamut );\n const serializedColor = destinationObj.toString( toStringOptions );\n return html`\n

\n\n

${serializedColor}

${ ( destinationObj.inGamut() ? '' : `⚠️ outside of the ${ destinationGamut.name } gamut` ) }\n

\n\n`\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":72,"value":"","pinned":false,"hidden":false,"mode":"html"},{"id":161,"value":"boostedString = {\n if ( boost == 0 ) return 'Converted';\n const bs = \"B\".repeat( Math.ceil(boost) );\n const os = \"O\".repeat( 1 + Math.ceil(boost / 3) );\n return `${bs}${os}STED`;\n}","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W2f","stdlib":"1","titling":"auto"}