2d:null 2e:["$","title",null,{"children":"Web Browser Hex Opacity Generator | efrymire | Observable"}] 33:[] 31:{"id":"bffc09db5fc1ef1f","slug":"web-browser-hex-opacity-generator","title":"Web Browser Hex Opacity Generator","thumbnail":"27913fa29f893ec3dbe8997d2f10b856d2ec8676093927a48839e9a982f91dee","access_level":"public","create_time":"$D2019-11-13T15:18:27.588Z","update_time":"$D2019-11-26T16:52:13.772Z","view_time":null,"first_public_time":"$D2019-11-26T03:42:47.751Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"c4658aaea7a06b34","login":"efrymire","name":"","avatar_url":"https://avatars-next.observableusercontent.com/1824f9d5d1ae40aa8e08f3d1afce0860aea9a1f36962129a6a3b15366227e694","tier":"starter_2024"},"version":149,"publish_version":149,"role":null,"authored":false,"authors":[{"type":"individual","id":"b69743832e7378c1","login":"efrymire","name":"","avatar_url":"https://avatars-next.observableusercontent.com/1824f9d5d1ae40aa8e08f3d1afce0860aea9a1f36962129a6a3b15366227e694","tier":null}],"members":[{"type":"individual","id":"b69743832e7378c1","login":"efrymire","name":"","avatar_url":"https://avatars-next.observableusercontent.com/1824f9d5d1ae40aa8e08f3d1afce0860aea9a1f36962129a6a3b15366227e694","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":{"id":"181fb8cbc3a1b925","slug":"tools","title":"Tools","owner":{"id":"c4658aaea7a06b34","login":"efrymire","name":""}},"type":"notebook","body":{"title":"Web Browser Hex Opacity Generator","cells":[{"id":0,"value":"md`# Web Browser Hex Opacity Generator`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":14,"value":"viewof object = form(html`\n`)","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":115,"value":"md `set opacity: ${object.opacity}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":128,"value":"md `### resulting hex + opacity value: ${result}`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":95,"value":"result = object.hex + range[Math.floor(object.opacity * 255 / 100)]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"base = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', 'A', 'B', 'C', 'D', 'E', 'F']","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":26,"value":"domain = [...Array(100).keys()]","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":45,"value":"range = [...Array(256).keys()].map(d => { \n const first_digit = base[(d - d % base.length) / base.length]\n const sec_digit = base[d % base.length]\n return first_digit + sec_digit })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"import {form} from \"@mbostock/form-input\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":21,"value":"d3 = require(\"d3@5\")","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"