2d:null 2e:["$","title",null,{"children":"Color Library | Tom Kristian Tjemsland | Observable"}] 33:T4ab,class RGB { constructor(r, g, b) { this.r = r; this.g = g; this.b = b; } static fromHSV(h, s, v) { const {r, g, b} = HSVtoRGB(h, s, v); return new RGB(r, g, b); } static fromHS1(h, s) { const {r, g, b} = HS1toRGB(h, s); return new RGB(r, g, b); } static fromGrayscale(val) { return new RGB(val, val, val); } // Interpolate between two RGB colors static interpolate(a, b, n) { const m = 1 - n; return new RGB( Math.round(a.r * n + b.r * m), Math.round(a.g * n + b.g * m), Math.round(a.b * n + b.b * m), ); } toHex() { return RGBtoHEX(this.r, this.g, this.b); } static fromArray(arr) { return new RGB(arr[0], arr[1], arr[2]); } // Preset colors static get Black() { return new RGB(0, 0, 0); } static get White() { return new RGB(255, 255, 255); } static get Red() { return new RGB(255, 0, 0); } static get Green() { return new RGB(0, 255, 0); } static get Blue() { return new RGB(0, 0, 255); } static get Yellow() { return new RGB(255, 255, 0); } static get Cyan() { return new RGB(0, 255, 255); } static get Magenta () { return new RGB(255, 0, 255); } }34:[] 31:{"id":"166f7958cf792223","slug":"color-library","title":"Color Library","thumbnail":"02ed80e6f3304f299111ab16fd6282980e13f48098ddc5d132971755891bebf8","access_level":"public","create_time":"$D2019-09-03T19:09:43.881Z","update_time":"$D2019-10-23T12:43:11.632Z","view_time":null,"first_public_time":"$D2019-09-03T19:11:08.241Z","has_unpublished_edits":null,"fork":false,"stars":0,"starred":false,"owner":{"type":"team","id":"a49ab297471727ef","login":"tomktjemsland","name":"Tom Kristian Tjemsland","avatar_url":"https://avatars-next.observableusercontent.com/271d0fc197b9153a9c5a4aa29d3f170cbe6d604ab2969e36da2635c2ea6021dd","tier":"starter_2024"},"version":286,"publish_version":286,"role":null,"authored":false,"authors":[{"type":"individual","id":"e44acfdca79f4aeb","login":"tomktjemsland","name":"Tom Kristian Tjemsland","avatar_url":"https://avatars-next.observableusercontent.com/271d0fc197b9153a9c5a4aa29d3f170cbe6d604ab2969e36da2635c2ea6021dd","tier":null}],"members":[{"type":"individual","id":"e44acfdca79f4aeb","login":"tomktjemsland","name":"Tom Kristian Tjemsland","avatar_url":"https://avatars-next.observableusercontent.com/271d0fc197b9153a9c5a4aa29d3f170cbe6d604ab2969e36da2635c2ea6021dd","tier":null,"role":"editor"}],"comments":[],"custom_thumbnail":true,"trashed":false,"lapsed":null,"subscribed":null,"forks":1,"collection":null,"type":"notebook","body":{"title":"Color Library","cells":[{"id":0,"value":"md`# Color Library`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":226,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":69,"value":"md`**RGB color class:**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":61,"value":"GetClipboardNode(\"import { RGB } from '@tomktjemsland/color-library'\", 'SteelBlue');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":207,"value":"md`\nClass for managing RGB based colors.
\nRed [0, 255] Green [0, 255] Blue [0, 255]\n`;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":58,"value":"$33","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":200,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":204,"value":"md`**HSV color class:**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":150,"value":"GetClipboardNode(\"import { HSV } from '@tomktjemsland/color-library'\", 'SteelBlue');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":213,"value":"md`\nClass for managing HSV based colors.
\nHue [0, 360] Saturation [0, 1] Value [0, 1]\n`;","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":148,"value":"class HSV {\n constructor(h, s, v) {\n this.h = h;\n this.s = s;\n this.v = v;\n }\n \n static fromRGB(r, g, b) {\n const {h, s, v} = RGBtoHSV(r, g, b); \n return new HSV(h, s, v);\n }\n \n // Interpolate between two HSV colors\n static interpolate(a, b, n) {\n const m = 1 - n;\n return new HSV(\n Math.round(a.h * n + b.h * m),\n Math.round(a.s * n + b.s * m),\n Math.round(a.v * n + b.v * m),\n );\n }\n \n // Preset colors\n static get Black() { return new HSV(0, 0.0, 0.0); }\n static get White() { return new HSV(0, 0.0, 1.0); }\n static get Red() { return new HSV(0, 1.0, 1.0); }\n static get Green() { return new HSV(120, 1.0, 1.0); }\n static get Blue() { return new HSV(240, 1.0, 1.0); }\n}","pinned":true,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":223,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":73,"value":"md`## Stand-alone functions:`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":244,"value":"md`Functions used by the classes.`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":241,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":118,"value":"md`#### Converts HSV to RGB`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":16,"value":"GetClipboardNode(\"import { HSVtoRGB } from '@tomktjemsland/color-library'\", 'SteelBlue');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":7,"value":"HSVtoRGB = (h, s, v) => {\n const i = Math.floor(h * 0.0166667);\n const f = h * 0.0166667 - i;\n const p = v * (1 - s);\n const q = v * (1 - f * s);\n const t = v * (1 - (1 - f) * s);\n switch (i % 6) {\n case 0: return {r: Math.round(v * 255), g: Math.round(t * 255), b: Math.round(p * 255)};\n case 1: return {r: Math.round(q * 255), g: Math.round(v * 255), b: Math.round(p * 255)};\n case 2: return {r: Math.round(p * 255), g: Math.round(v * 255), b: Math.round(t * 255)};\n case 3: return {r: Math.round(p * 255), g: Math.round(q * 255), b: Math.round(v * 255)};\n case 4: return {r: Math.round(t * 255), g: Math.round(p * 255), b: Math.round(v * 255)};\n case 5: return {r: Math.round(v * 255), g: Math.round(p * 255), b: Math.round(q * 255)};\n }\n return {r: 255, g: 255, b:255};\n }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":229,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":168,"value":"md`#### Converts RGB to HSV`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":165,"value":"GetClipboardNode(\"import { HSVtoRGB } from '@tomktjemsland/color-library'\", 'SteelBlue');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":140,"value":"RGBtoHSV = (r, g, b) => {\n r /= 255; g /= 255; b /= 255;\n var minRGB = Math.min(r, Math.min(g, b));\n var maxRGB = Math.max(r, Math.max(g, b));\n\n // Black-gray-white\n if (minRGB === maxRGB) {\n return {h: 0, s: 0, v: minRGB};\n }\n\n // Colors other than black-gray-white:\n const d = (r === minRGB) ? g - b : ((b === minRGB) ? r - g : b - r);\n const h = (r === minRGB) ? 3 : ((b === minRGB) ? 1 : 5);\n return {\n h: 60 * (h - d / (maxRGB - minRGB)),\n s: (maxRGB - minRGB) / maxRGB,\n v: maxRGB,\n };\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":231,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":124,"value":"md`#### Converts RGB to hex string`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":107,"value":"GetClipboardNode(\"import { RGBtoHEX } from '@tomktjemsland/color-library'\", 'SteelBlue');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":89,"value":"RGBtoHEX = (r, g, b) => {\n return '#' + \n (r < 16 ? '0' + Number(r).toString(16) : Number(r).toString(16)) +\n (g < 16 ? '0' + Number(g).toString(16) : Number(g).toString(16)) +\n (b < 16 ? '0' + Number(b).toString(16) : Number(b).toString(16))\n}","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":233,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":127,"value":"md`#### Special case HSV convertion where value equals 1.0`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":136,"value":"GetClipboardNode(\"import { HS1toRGB } from '@tomktjemsland/color-library'\", 'SteelBlue');","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":132,"value":"HS1toRGB = (h, s) => {\n const i = Math.floor(h * 0.0166667);\n const f = h * 0.0166667 - i;\n const p = 1 - s;\n const q = 1 - f * s;\n const t = 1 - (1 - f) * s;\n switch (i % 6) {\n case 0: return {r: 255, g: Math.round(t * 255), b: Math.round(p * 255)};\n case 1: return {r: Math.round(q * 255), g: 255, b: Math.round(p * 255)};\n case 2: return {r: Math.round(p * 255), g: 255, b: Math.round(t * 255)};\n case 3: return {r: Math.round(p * 255), g: Math.round(q * 255), b: 255};\n case 4: return {r: Math.round(t * 255), g: Math.round(p * 255), b: 255};\n case 5: return {r: 255, g: Math.round(p * 255), b: Math.round(q * 255)};\n }\n return {r: 255, g: 255, b: 255};\n }","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":238,"value":"html`

`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":12,"value":"md`**Imports:**`","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"},{"id":10,"value":"import { GetClipboardNode } from '@tomktjemsland/copy-to-clipboard'","pinned":false,"hidden":false,"mode":"ojs","author":"$undefined","summary":"$undefined","output":"$undefined","database":"$undefined"}],"files":"$W34","stdlib":"1","titling":"auto"}} 32:"$31:body"