2d:null 2e:["$","title",null,{"children":"🌈 RBG → int & hex | Christian Wilcox | Observable"}] 33:[] 31:{"id":"0fe9eb545bd48574","slug":"rbg-int-hex","title":"🌈 RBG → int & hex","thumbnail":"6136d51f807126af3a1a338248f6b31d9cd8de5babc0ef8ef1ab34b2c651a399","access_level":"public","create_time":"$D2018-07-26T15:22:11.019Z","update_time":"$D2018-10-11T11:11:39.019Z","view_time":null,"first_public_time":"$D2018-09-28T00:08:33.146Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"735c6ab969f7c460","login":"cw","name":"Christian Wilcox","avatar_url":"https://avatars-next.observableusercontent.com/368b113ade86a6e356457fa1261dbc0a8f5385612c10809be6aa5d0f98fb0643","tier":"starter_2024"},"version":129,"publish_version":129,"role":null,"authored":false,"authors":[{"type":"individual","id":"d860027f59f6cb70","login":"cw","name":"Christian Wilcox","avatar_url":"https://avatars-next.observableusercontent.com/368b113ade86a6e356457fa1261dbc0a8f5385612c10809be6aa5d0f98fb0643","tier":null}],"members":[{"type":"individual","id":"d860027f59f6cb70","login":"cw","name":"Christian Wilcox","avatar_url":"https://avatars-next.observableusercontent.com/368b113ade86a6e356457fa1261dbc0a8f5385612c10809be6aa5d0f98fb0643","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":false,"trashed":false,"lapsed":null,"subscribed":null,"forks":0,"collection":null,"type":"notebook","body":{"title":"🌈 RBG → int & hex","cells":[{"id":0,"value":"md`# 🌈 RBG → int & hex\nByte order \\`\\`0x00bbggrr\\`\\` according to [COLORREF](https://docs.microsoft.com/en-us/windows/desktop/gdi/colorref)`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":36,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":6,"value":"viewof r = slider({ min: 0, max: 255, precision: 0 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":9,"value":"viewof g = slider({ min: 0, max: 255, precision: 0 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":11,"value":"viewof b = slider({ min: 0, max: 255, precision: 0 })","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":15,"value":"intHex = {\n return {\n int: (b << 16) + (g << 8) + r,\n hex: tohex(r) + tohex(g) + tohex(b)\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":105,"value":"md`## Helpers`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":116,"value":"function decimalToHexString(number) {\n // https://stackoverflow.com/questions/57803/how-to-convert-decimal-to-hex-in-javascript\n if (number < 0) {\n number = 0xffffffff + number + 1;\n }\n\n return number.toString(16).toUpperCase();\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":23,"value":"function tohex(n) {\n var retval = \"\";\n if (n <= 0) {\n retval = \"00\";\n return retval;\n }\n var nt = n;\n while (n > 0) {\n var m = n;\n n = m >> 4;\n m = m % 16;\n var string = \"\";\n if (m < 10) string = \"\" + m;\n else {\n switch (m) {\n case 10:\n default:\n string = \"A\";\n break;\n\n case 11:\n string = \"B\";\n break;\n\n case 12:\n string = \"C\";\n break;\n\n case 13:\n string = \"D\";\n break;\n\n case 14:\n string = \"E\";\n break;\n\n case 15:\n string = \"F\";\n break;\n }\n }\n retval = string + retval;\n }\n if (nt < 16) retval = \"0\" + retval;\n return retval;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":82,"value":"function numberToColour(number) {\n const b = (number & 0xff0000) >> 16;\n const g = (number & 0x00ff00) >> 8;\n const r = number & 0x0000ff;\n\n let s = `rgb(${r},${g},${b})`;\n //console.log(s);\n return s;\n //return [r, g, b];\n // or eg. return `rgb(${r},${g},${b})`;\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":4,"value":"import {slider} from \"@jashkenas/inputs\"","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W33","stdlib":"1","titling":"auto"}} 32:"$31:body"