From 815f1515f1c69cb0a375948bbe9d001226731eb5 Mon Sep 17 00:00:00 2001
From: Brian Beck <exogen@gmail.com>
Date: Fri, 11 Oct 2024 16:07:25 -0700
Subject: [PATCH] Rebuild demo

---
 demo/app/components.tsx                                   | 2 ++
 demo/app/page.tsx                                         | 4 ++--
 demo/src/ColorSlider.tsx                                  | 8 ++++++--
 docs/404.html                                             | 2 +-
 docs/404/index.html                                       | 2 +-
 .../_buildManifest.js                                     | 0
 .../_ssgManifest.js                                       | 0
 docs/_next/static/chunks/app/page-a093ff4dc3a3e529.js     | 1 +
 docs/_next/static/chunks/app/page-fec68a5577a2e826.js     | 1 -
 docs/index.html                                           | 2 +-
 docs/index.txt                                            | 8 ++++----
 11 files changed, 18 insertions(+), 12 deletions(-)
 rename docs/_next/static/{FJvtvnjf3bKxMO8SYQRcW => 5KBG7e5Qfr8Cb-zKKQA_Q}/_buildManifest.js (100%)
 rename docs/_next/static/{FJvtvnjf3bKxMO8SYQRcW => 5KBG7e5Qfr8Cb-zKKQA_Q}/_ssgManifest.js (100%)
 create mode 100644 docs/_next/static/chunks/app/page-a093ff4dc3a3e529.js
 delete mode 100644 docs/_next/static/chunks/app/page-fec68a5577a2e826.js

diff --git a/demo/app/components.tsx b/demo/app/components.tsx
index 20dcaa3..ca5d468 100644
--- a/demo/app/components.tsx
+++ b/demo/app/components.tsx
@@ -27,6 +27,7 @@ export function ColorConvert() {
       <div className={styles.ColorConvert}>
         <div className={styles.ColorSelect}>
           <ColorSlider
+            label="Select grayscale color"
             scaleImage={`${basePath}/grayscale.png`}
             value={value}
             onChange={setValue}
@@ -54,6 +55,7 @@ export function ColorConvert() {
         </div>
         <div className={styles.ColorSelect}>
           <ColorSlider
+            label="Select Turbo color"
             scaleImage={`${basePath}/turbo.png`}
             value={value}
             onChange={setValue}
diff --git a/demo/app/page.tsx b/demo/app/page.tsx
index de16aab..d6b1099 100644
--- a/demo/app/page.tsx
+++ b/demo/app/page.tsx
@@ -75,8 +75,8 @@ const DemoPage = () => {
           Snap arbitrary colors to the indexed Turbo palette. This can yield
           surprising results with much of the sRGB color space; it’s mostly
           useful for interpreting visual&shy;izations exported with an
-          approx&shy;imation of Turbo or a lossy format like JPEG, where the
-          colors won’t be in the Turbo lookup table.
+          approx&shy;imation of Turbo or a lossy format like JPEG, where not
+          every pixel will be in the Turbo lookup table.
         </p>
         <p className={styles.Description}>
           The nearest color is determined by simple Euclidian distance using a
diff --git a/demo/src/ColorSlider.tsx b/demo/src/ColorSlider.tsx
index ffe6a0b..d571d53 100644
--- a/demo/src/ColorSlider.tsx
+++ b/demo/src/ColorSlider.tsx
@@ -15,12 +15,14 @@ const toGradientStops = (colorStops: Color[]) => {
 };
 
 export default function ColorSlider({
+  label = "Select color",
   className,
   colorStops,
   scaleImage,
   value: valueFromProps,
   onChange,
 }: {
+  label?: string;
   className?: string;
   colorStops?: Color[];
   scaleImage?: string;
@@ -35,18 +37,20 @@ export default function ColorSlider({
       return {
         "--color-gradient": `url("${scaleImage}")`,
       } as React.CSSProperties;
-    } else {
+    } else if (colorStops) {
       const colorString = toGradientStops(colorStops).join(", ");
       return {
         "--color-gradient": `linear-gradient(to right, ${colorString})`,
       } as React.CSSProperties;
+    } else {
+      return {};
     }
   }, [colorStops, scaleImage]);
 
   return (
     <div className={`${styles.Container} ${className ?? ""}`}>
       <Range
-        label="Select your value"
+        label={label}
         step={1}
         min={0}
         max={255}
diff --git a/docs/404.html b/docs/404.html
index d77bf3d..a7bf201 100644
--- a/docs/404.html
+++ b/docs/404.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en" class="__variable_42c616"><head><meta charSet="utf-8"/><meta name="viewport" content="width=320, initial-scale=1"/><link rel="preload" href="/turbo-colormap/_next/static/media/3a8dc5763a8ae4b2-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/turbo-colormap/_next/static/media/e9ed9197b1d41e00-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png"/><link rel="stylesheet" href="/turbo-colormap/_next/static/css/79d670358bd86bcc.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/turbo-colormap/_next/static/chunks/webpack-0bb748883dfc3114.js"/><script src="/turbo-colormap/_next/static/chunks/618f8807-ea12576ab75b19e1.js" async=""></script><script src="/turbo-colormap/_next/static/chunks/364-07b50a6377254ed2.js" async=""></script><script src="/turbo-colormap/_next/static/chunks/main-app-541b2af1d0de953f.js" async=""></script><meta name="robots" content="noindex"/><title>404: This page could not be found.</title><meta name="next-size-adjust"/><script src="/turbo-colormap/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><main><div style="font-family:system-ui,&quot;Segoe UI&quot;,Roboto,Helvetica,Arial,sans-serif,&quot;Apple Color Emoji&quot;,&quot;Segoe UI Emoji&quot;;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}</style><h1 class="next-error-h1" style="display:inline-block;margin:0 20px 0 0;padding:0 23px 0 0;font-size:24px;font-weight:500;vertical-align:top;line-height:49px">404</h1><div style="display:inline-block"><h2 style="font-size:14px;font-weight:400;line-height:49px;margin:0">This page could not be found.</h2></div></div></div></main><footer><div class="thanks"><p>Wanna say thanks?</p><a href="https://www.buymeacoffee.com/mosswood" target="_blank"><img width="217" height="60" src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee"/></a></div><div class="consulting">Wanna do fancy stuff on the Web?<br/>I’m available for consulting, just<!-- --> <a href="https://brianbeck.com">get in touch!</a></div><nav><ul><li><a href="https://hachyderm.io/@exogen" rel="noopener" aria-label="exogen on Hachyderm" title="exogen on Hachyderm"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="icon" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path></svg></a></li><li><a href="https://github.com/exogen" rel="noopener" aria-label="exogen on GitHub" title="exogen on GitHub"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" class="icon" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav></footer><script src="/turbo-colormap/_next/static/chunks/webpack-0bb748883dfc3114.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/turbo-colormap/_next/static/media/3a8dc5763a8ae4b2-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/turbo-colormap/_next/static/media/e9ed9197b1d41e00-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:HL[\"/turbo-colormap/_next/static/css/79d670358bd86bcc.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"4:I[4690,[],\"\"]\n6:I[1742,[],\"\"]\n7:I[9121,[],\"\"]\ne:I[8201,[],\"\"]\n8:{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"}\n9:{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"}\na:{\"display\":\"inline-block\"}\nb:{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0}\nc:T518,M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2zf:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$L4\",null,{\"buildId\":\"FJvtvnjf3bKxMO8SYQRcW\",\"assetPrefix\":\"/turbo-colormap\",\"urlParts\":[\"\",\"_not-found\",\"\"],\"initialTree\":[\"\",{\"children\":[\"/_not-found\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"/_not-found\",{\"children\":[\"__PAGE__\",{},[[\"$L5\",[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],null],null],null]},[null,[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"/_not-found\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/turbo-colormap/_next/static/css/79d670358bd86bcc.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_42c616\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"main\",null,{\"children\":[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$8\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":\"$9\",\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":\"$a\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$b\",\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]}],[\"$\",\"footer\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"thanks\",\"children\":[[\"$\",\"p\",null,{\"children\":\"Wanna say thanks?\"}],[\"$\",\"a\",null,{\"href\":\"https://www.buymeacoffee.com/mosswood\",\"target\":\"_blank\",\"children\":[\"$\",\"img\",null,{\"width\":217,\"height\":60,\"src\":\"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png\",\"alt\":\"Buy Me A Coffee\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"consulting\",\"children\":[\"Wanna do fancy stuff on the Web?\",[\"$\",\"br\",null,{}],\"I’m available for consulting, just\",\" \",[\"$\",\"a\",null,{\"href\":\"https://brianbeck.com\",\"children\":\"get in touch!\"}]]}],[\"$\",\"nav\",null,{\"children\":[\"$\",\"ul\",null,{\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://hachyderm.io/@exogen\",\"rel\":\"noopener\",\"aria-label\":\"exogen on Hachyderm\",\"title\":\"exogen on Hachyderm\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 448 512\",\"className\":\"icon\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://github.com/exogen\",\"rel\":\"noopener\",\"aria-label\":\"exogen on GitHub\",\"title\":\"exogen on GitHub\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 496 512\",\"className\":\"icon\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"$c\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]}]]}]}]]}]]}]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[[\"$\",\"meta\",null,{\"name\":\"robots\",\"content\":\"noindex\"}],\"$Ld\"],\"globalErrorComponent\":\"$e\",\"missingSlots\":\"$Wf\"}]\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=320, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"2\",{\"name\":\"next-size-adjust\"}]]\n5:null\n"])</script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="en" class="__variable_42c616"><head><meta charSet="utf-8"/><meta name="viewport" content="width=320, initial-scale=1"/><link rel="preload" href="/turbo-colormap/_next/static/media/3a8dc5763a8ae4b2-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/turbo-colormap/_next/static/media/e9ed9197b1d41e00-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png"/><link rel="stylesheet" href="/turbo-colormap/_next/static/css/79d670358bd86bcc.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/turbo-colormap/_next/static/chunks/webpack-0bb748883dfc3114.js"/><script src="/turbo-colormap/_next/static/chunks/618f8807-ea12576ab75b19e1.js" async=""></script><script src="/turbo-colormap/_next/static/chunks/364-07b50a6377254ed2.js" async=""></script><script src="/turbo-colormap/_next/static/chunks/main-app-541b2af1d0de953f.js" async=""></script><meta name="robots" content="noindex"/><title>404: This page could not be found.</title><meta name="next-size-adjust"/><script src="/turbo-colormap/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><main><div style="font-family:system-ui,&quot;Segoe UI&quot;,Roboto,Helvetica,Arial,sans-serif,&quot;Apple Color Emoji&quot;,&quot;Segoe UI Emoji&quot;;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}</style><h1 class="next-error-h1" style="display:inline-block;margin:0 20px 0 0;padding:0 23px 0 0;font-size:24px;font-weight:500;vertical-align:top;line-height:49px">404</h1><div style="display:inline-block"><h2 style="font-size:14px;font-weight:400;line-height:49px;margin:0">This page could not be found.</h2></div></div></div></main><footer><div class="thanks"><p>Wanna say thanks?</p><a href="https://www.buymeacoffee.com/mosswood" target="_blank"><img width="217" height="60" src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee"/></a></div><div class="consulting">Wanna do fancy stuff on the Web?<br/>I’m available for consulting, just<!-- --> <a href="https://brianbeck.com">get in touch!</a></div><nav><ul><li><a href="https://hachyderm.io/@exogen" rel="noopener" aria-label="exogen on Hachyderm" title="exogen on Hachyderm"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="icon" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path></svg></a></li><li><a href="https://github.com/exogen" rel="noopener" aria-label="exogen on GitHub" title="exogen on GitHub"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" class="icon" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav></footer><script src="/turbo-colormap/_next/static/chunks/webpack-0bb748883dfc3114.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/turbo-colormap/_next/static/media/3a8dc5763a8ae4b2-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/turbo-colormap/_next/static/media/e9ed9197b1d41e00-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:HL[\"/turbo-colormap/_next/static/css/79d670358bd86bcc.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"4:I[4690,[],\"\"]\n6:I[1742,[],\"\"]\n7:I[9121,[],\"\"]\ne:I[8201,[],\"\"]\n8:{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"}\n9:{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"}\na:{\"display\":\"inline-block\"}\nb:{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0}\nc:T518,M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2zf:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$L4\",null,{\"buildId\":\"5KBG7e5Qfr8Cb-zKKQA_Q\",\"assetPrefix\":\"/turbo-colormap\",\"urlParts\":[\"\",\"_not-found\",\"\"],\"initialTree\":[\"\",{\"children\":[\"/_not-found\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"/_not-found\",{\"children\":[\"__PAGE__\",{},[[\"$L5\",[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],null],null],null]},[null,[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"/_not-found\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/turbo-colormap/_next/static/css/79d670358bd86bcc.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_42c616\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"main\",null,{\"children\":[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$8\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":\"$9\",\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":\"$a\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$b\",\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]}],[\"$\",\"footer\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"thanks\",\"children\":[[\"$\",\"p\",null,{\"children\":\"Wanna say thanks?\"}],[\"$\",\"a\",null,{\"href\":\"https://www.buymeacoffee.com/mosswood\",\"target\":\"_blank\",\"children\":[\"$\",\"img\",null,{\"width\":217,\"height\":60,\"src\":\"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png\",\"alt\":\"Buy Me A Coffee\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"consulting\",\"children\":[\"Wanna do fancy stuff on the Web?\",[\"$\",\"br\",null,{}],\"I’m available for consulting, just\",\" \",[\"$\",\"a\",null,{\"href\":\"https://brianbeck.com\",\"children\":\"get in touch!\"}]]}],[\"$\",\"nav\",null,{\"children\":[\"$\",\"ul\",null,{\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://hachyderm.io/@exogen\",\"rel\":\"noopener\",\"aria-label\":\"exogen on Hachyderm\",\"title\":\"exogen on Hachyderm\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 448 512\",\"className\":\"icon\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://github.com/exogen\",\"rel\":\"noopener\",\"aria-label\":\"exogen on GitHub\",\"title\":\"exogen on GitHub\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 496 512\",\"className\":\"icon\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"$c\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]}]]}]}]]}]]}]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[[\"$\",\"meta\",null,{\"name\":\"robots\",\"content\":\"noindex\"}],\"$Ld\"],\"globalErrorComponent\":\"$e\",\"missingSlots\":\"$Wf\"}]\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=320, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"2\",{\"name\":\"next-size-adjust\"}]]\n5:null\n"])</script></body></html>
\ No newline at end of file
diff --git a/docs/404/index.html b/docs/404/index.html
index d77bf3d..a7bf201 100644
--- a/docs/404/index.html
+++ b/docs/404/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en" class="__variable_42c616"><head><meta charSet="utf-8"/><meta name="viewport" content="width=320, initial-scale=1"/><link rel="preload" href="/turbo-colormap/_next/static/media/3a8dc5763a8ae4b2-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/turbo-colormap/_next/static/media/e9ed9197b1d41e00-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png"/><link rel="stylesheet" href="/turbo-colormap/_next/static/css/79d670358bd86bcc.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/turbo-colormap/_next/static/chunks/webpack-0bb748883dfc3114.js"/><script src="/turbo-colormap/_next/static/chunks/618f8807-ea12576ab75b19e1.js" async=""></script><script src="/turbo-colormap/_next/static/chunks/364-07b50a6377254ed2.js" async=""></script><script src="/turbo-colormap/_next/static/chunks/main-app-541b2af1d0de953f.js" async=""></script><meta name="robots" content="noindex"/><title>404: This page could not be found.</title><meta name="next-size-adjust"/><script src="/turbo-colormap/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><main><div style="font-family:system-ui,&quot;Segoe UI&quot;,Roboto,Helvetica,Arial,sans-serif,&quot;Apple Color Emoji&quot;,&quot;Segoe UI Emoji&quot;;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}</style><h1 class="next-error-h1" style="display:inline-block;margin:0 20px 0 0;padding:0 23px 0 0;font-size:24px;font-weight:500;vertical-align:top;line-height:49px">404</h1><div style="display:inline-block"><h2 style="font-size:14px;font-weight:400;line-height:49px;margin:0">This page could not be found.</h2></div></div></div></main><footer><div class="thanks"><p>Wanna say thanks?</p><a href="https://www.buymeacoffee.com/mosswood" target="_blank"><img width="217" height="60" src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee"/></a></div><div class="consulting">Wanna do fancy stuff on the Web?<br/>I’m available for consulting, just<!-- --> <a href="https://brianbeck.com">get in touch!</a></div><nav><ul><li><a href="https://hachyderm.io/@exogen" rel="noopener" aria-label="exogen on Hachyderm" title="exogen on Hachyderm"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="icon" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path></svg></a></li><li><a href="https://github.com/exogen" rel="noopener" aria-label="exogen on GitHub" title="exogen on GitHub"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" class="icon" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav></footer><script src="/turbo-colormap/_next/static/chunks/webpack-0bb748883dfc3114.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/turbo-colormap/_next/static/media/3a8dc5763a8ae4b2-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/turbo-colormap/_next/static/media/e9ed9197b1d41e00-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:HL[\"/turbo-colormap/_next/static/css/79d670358bd86bcc.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"4:I[4690,[],\"\"]\n6:I[1742,[],\"\"]\n7:I[9121,[],\"\"]\ne:I[8201,[],\"\"]\n8:{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"}\n9:{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"}\na:{\"display\":\"inline-block\"}\nb:{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0}\nc:T518,M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2zf:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$L4\",null,{\"buildId\":\"FJvtvnjf3bKxMO8SYQRcW\",\"assetPrefix\":\"/turbo-colormap\",\"urlParts\":[\"\",\"_not-found\",\"\"],\"initialTree\":[\"\",{\"children\":[\"/_not-found\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"/_not-found\",{\"children\":[\"__PAGE__\",{},[[\"$L5\",[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],null],null],null]},[null,[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"/_not-found\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/turbo-colormap/_next/static/css/79d670358bd86bcc.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_42c616\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"main\",null,{\"children\":[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$8\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":\"$9\",\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":\"$a\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$b\",\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]}],[\"$\",\"footer\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"thanks\",\"children\":[[\"$\",\"p\",null,{\"children\":\"Wanna say thanks?\"}],[\"$\",\"a\",null,{\"href\":\"https://www.buymeacoffee.com/mosswood\",\"target\":\"_blank\",\"children\":[\"$\",\"img\",null,{\"width\":217,\"height\":60,\"src\":\"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png\",\"alt\":\"Buy Me A Coffee\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"consulting\",\"children\":[\"Wanna do fancy stuff on the Web?\",[\"$\",\"br\",null,{}],\"I’m available for consulting, just\",\" \",[\"$\",\"a\",null,{\"href\":\"https://brianbeck.com\",\"children\":\"get in touch!\"}]]}],[\"$\",\"nav\",null,{\"children\":[\"$\",\"ul\",null,{\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://hachyderm.io/@exogen\",\"rel\":\"noopener\",\"aria-label\":\"exogen on Hachyderm\",\"title\":\"exogen on Hachyderm\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 448 512\",\"className\":\"icon\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://github.com/exogen\",\"rel\":\"noopener\",\"aria-label\":\"exogen on GitHub\",\"title\":\"exogen on GitHub\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 496 512\",\"className\":\"icon\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"$c\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]}]]}]}]]}]]}]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[[\"$\",\"meta\",null,{\"name\":\"robots\",\"content\":\"noindex\"}],\"$Ld\"],\"globalErrorComponent\":\"$e\",\"missingSlots\":\"$Wf\"}]\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=320, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"2\",{\"name\":\"next-size-adjust\"}]]\n5:null\n"])</script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="en" class="__variable_42c616"><head><meta charSet="utf-8"/><meta name="viewport" content="width=320, initial-scale=1"/><link rel="preload" href="/turbo-colormap/_next/static/media/3a8dc5763a8ae4b2-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/turbo-colormap/_next/static/media/e9ed9197b1d41e00-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png"/><link rel="stylesheet" href="/turbo-colormap/_next/static/css/79d670358bd86bcc.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/turbo-colormap/_next/static/chunks/webpack-0bb748883dfc3114.js"/><script src="/turbo-colormap/_next/static/chunks/618f8807-ea12576ab75b19e1.js" async=""></script><script src="/turbo-colormap/_next/static/chunks/364-07b50a6377254ed2.js" async=""></script><script src="/turbo-colormap/_next/static/chunks/main-app-541b2af1d0de953f.js" async=""></script><meta name="robots" content="noindex"/><title>404: This page could not be found.</title><meta name="next-size-adjust"/><script src="/turbo-colormap/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><main><div style="font-family:system-ui,&quot;Segoe UI&quot;,Roboto,Helvetica,Arial,sans-serif,&quot;Apple Color Emoji&quot;,&quot;Segoe UI Emoji&quot;;height:100vh;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center"><div><style>body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}</style><h1 class="next-error-h1" style="display:inline-block;margin:0 20px 0 0;padding:0 23px 0 0;font-size:24px;font-weight:500;vertical-align:top;line-height:49px">404</h1><div style="display:inline-block"><h2 style="font-size:14px;font-weight:400;line-height:49px;margin:0">This page could not be found.</h2></div></div></div></main><footer><div class="thanks"><p>Wanna say thanks?</p><a href="https://www.buymeacoffee.com/mosswood" target="_blank"><img width="217" height="60" src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee"/></a></div><div class="consulting">Wanna do fancy stuff on the Web?<br/>I’m available for consulting, just<!-- --> <a href="https://brianbeck.com">get in touch!</a></div><nav><ul><li><a href="https://hachyderm.io/@exogen" rel="noopener" aria-label="exogen on Hachyderm" title="exogen on Hachyderm"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="icon" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path></svg></a></li><li><a href="https://github.com/exogen" rel="noopener" aria-label="exogen on GitHub" title="exogen on GitHub"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" class="icon" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav></footer><script src="/turbo-colormap/_next/static/chunks/webpack-0bb748883dfc3114.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/turbo-colormap/_next/static/media/3a8dc5763a8ae4b2-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/turbo-colormap/_next/static/media/e9ed9197b1d41e00-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:HL[\"/turbo-colormap/_next/static/css/79d670358bd86bcc.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"4:I[4690,[],\"\"]\n6:I[1742,[],\"\"]\n7:I[9121,[],\"\"]\ne:I[8201,[],\"\"]\n8:{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"}\n9:{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"}\na:{\"display\":\"inline-block\"}\nb:{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0}\nc:T518,M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2zf:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$L4\",null,{\"buildId\":\"5KBG7e5Qfr8Cb-zKKQA_Q\",\"assetPrefix\":\"/turbo-colormap\",\"urlParts\":[\"\",\"_not-found\",\"\"],\"initialTree\":[\"\",{\"children\":[\"/_not-found\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"/_not-found\",{\"children\":[\"__PAGE__\",{},[[\"$L5\",[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],null],null],null]},[null,[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"/_not-found\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/turbo-colormap/_next/static/css/79d670358bd86bcc.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_42c616\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"main\",null,{\"children\":[\"$\",\"$L6\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L7\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$8\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":\"$9\",\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":\"$a\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$b\",\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]}],[\"$\",\"footer\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"thanks\",\"children\":[[\"$\",\"p\",null,{\"children\":\"Wanna say thanks?\"}],[\"$\",\"a\",null,{\"href\":\"https://www.buymeacoffee.com/mosswood\",\"target\":\"_blank\",\"children\":[\"$\",\"img\",null,{\"width\":217,\"height\":60,\"src\":\"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png\",\"alt\":\"Buy Me A Coffee\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"consulting\",\"children\":[\"Wanna do fancy stuff on the Web?\",[\"$\",\"br\",null,{}],\"I’m available for consulting, just\",\" \",[\"$\",\"a\",null,{\"href\":\"https://brianbeck.com\",\"children\":\"get in touch!\"}]]}],[\"$\",\"nav\",null,{\"children\":[\"$\",\"ul\",null,{\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://hachyderm.io/@exogen\",\"rel\":\"noopener\",\"aria-label\":\"exogen on Hachyderm\",\"title\":\"exogen on Hachyderm\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 448 512\",\"className\":\"icon\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://github.com/exogen\",\"rel\":\"noopener\",\"aria-label\":\"exogen on GitHub\",\"title\":\"exogen on GitHub\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 496 512\",\"className\":\"icon\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"$c\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]}]]}]}]]}]]}]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[[\"$\",\"meta\",null,{\"name\":\"robots\",\"content\":\"noindex\"}],\"$Ld\"],\"globalErrorComponent\":\"$e\",\"missingSlots\":\"$Wf\"}]\n"])</script><script>self.__next_f.push([1,"d:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=320, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"2\",{\"name\":\"next-size-adjust\"}]]\n5:null\n"])</script></body></html>
\ No newline at end of file
diff --git a/docs/_next/static/FJvtvnjf3bKxMO8SYQRcW/_buildManifest.js b/docs/_next/static/5KBG7e5Qfr8Cb-zKKQA_Q/_buildManifest.js
similarity index 100%
rename from docs/_next/static/FJvtvnjf3bKxMO8SYQRcW/_buildManifest.js
rename to docs/_next/static/5KBG7e5Qfr8Cb-zKKQA_Q/_buildManifest.js
diff --git a/docs/_next/static/FJvtvnjf3bKxMO8SYQRcW/_ssgManifest.js b/docs/_next/static/5KBG7e5Qfr8Cb-zKKQA_Q/_ssgManifest.js
similarity index 100%
rename from docs/_next/static/FJvtvnjf3bKxMO8SYQRcW/_ssgManifest.js
rename to docs/_next/static/5KBG7e5Qfr8Cb-zKKQA_Q/_ssgManifest.js
diff --git a/docs/_next/static/chunks/app/page-a093ff4dc3a3e529.js b/docs/_next/static/chunks/app/page-a093ff4dc3a3e529.js
new file mode 100644
index 0000000..c12e3ad
--- /dev/null
+++ b/docs/_next/static/chunks/app/page-a093ff4dc3a3e529.js
@@ -0,0 +1 @@
+(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[931],{7286:function(e,a,t){Promise.resolve().then(t.bind(t,2817)),Promise.resolve().then(t.t.bind(t,8240,23))},2817:function(e,a,t){"use strict";t.d(a,{ColorConvert:function(){return S},ImageConvert:function(){return I},Quantizer:function(){return y}});var r=t(7821),n=t(8078),l=t(2937),o=t(2266),s=t(3164),c=t(959),i=t(8352);let d=new Float32Array([.18995,.07176,.23217,.19483,.08339,.26149,.19956,.09498,.29024,.20415,.10652,.31844,.2086,.11802,.34607,.21291,.12947,.37314,.21708,.14087,.39964,.22111,.15223,.42558,.225,.16354,.45096,.22875,.17481,.47578,.23236,.18603,.50004,.23582,.1972,.52373,.23915,.20833,.54686,.24234,.21941,.56942,.24539,.23044,.59142,.2483,.24143,.61286,.25107,.25237,.63374,.25369,.26327,.65406,.25618,.27412,.67381,.25853,.28492,.693,.26074,.29568,.71162,.2628,.30639,.72968,.26473,.31706,.74718,.26652,.32768,.76412,.26816,.33825,.7805,.26967,.34878,.79631,.27103,.35926,.81156,.27226,.3697,.82624,.27334,.38008,.84037,.27429,.39043,.85393,.27509,.40072,.86692,.27576,.41097,.87936,.27628,.42118,.89123,.27667,.43134,.90254,.27691,.44145,.91328,.27701,.45152,.92347,.27698,.46153,.93309,.2768,.47151,.94214,.27648,.48144,.95064,.27603,.49132,.95857,.27543,.50115,.96594,.27469,.51094,.97275,.27381,.52069,.97899,.27273,.5304,.98461,.27106,.54015,.9893,.26878,.54995,.99303,.26592,.55979,.99583,.26252,.56967,.99773,.25862,.57958,.99876,.25425,.5895,.99896,.24946,.59943,.99835,.24427,.60937,.99697,.23874,.61931,.99485,.23288,.62923,.99202,.22676,.63913,.98851,.22039,.64901,.98436,.21382,.65886,.97959,.20708,.66866,.97423,.20021,.67842,.96833,.19326,.68812,.9619,.18625,.69775,.95498,.17923,.70732,.94761,.17223,.7168,.93981,.16529,.7262,.93161,.15844,.73551,.92305,.15173,.74472,.91416,.14519,.75381,.90496,.13886,.76279,.8955,.13278,.77165,.8858,.12698,.78037,.8759,.12151,.78896,.86581,.11639,.7974,.85559,.11167,.80569,.84525,.10738,.81381,.83484,.10357,.82177,.82437,.10026,.82955,.81389,.0975,.83714,.80342,.09532,.84455,.79299,.09377,.85175,.78264,.09287,.85875,.7724,.09267,.86554,.7623,.0932,.87211,.75237,.09451,.87844,.74265,.09662,.88454,.73316,.09958,.8904,.72393,.10342,.896,.715,.10815,.90142,.70599,.11374,.90673,.69651,.12014,.91193,.6866,.12733,.91701,.67627,.13526,.92197,.66556,.14391,.9268,.65448,.15323,.93151,.64308,.16319,.93609,.63137,.17377,.94053,.61938,.18491,.94484,.60713,.19659,.94901,.59466,.20877,.95304,.58199,.22142,.95692,.56914,.23449,.96065,.55614,.24797,.96423,.54303,.2618,.96765,.52981,.27597,.97092,.51653,.29042,.97403,.50321,.30513,.97697,.48987,.32006,.97974,.47654,.33517,.98234,.46325,.35043,.98477,.45002,.36581,.98702,.43688,.38127,.98909,.42386,.39678,.99098,.41098,.41229,.99268,.39826,.42778,.99419,.38575,.44321,.99551,.37345,.45854,.99663,.3614,.47375,.99755,.34963,.48879,.99828,.33816,.50362,.99879,.32701,.51822,.9991,.31622,.53255,.99919,.30581,.54658,.99907,.29581,.56026,.99873,.28623,.57357,.99817,.27712,.58646,.99739,.26849,.59891,.99638,.26038,.61088,.99514,.2528,.62233,.99366,.24579,.63323,.99195,.23937,.64362,.98999,.23356,.65394,.98775,.22835,.66428,.98524,.2237,.67462,.98246,.2196,.68494,.97941,.21602,.69525,.9761,.21294,.70553,.97255,.21032,.71577,.96875,.20815,.72596,.9647,.2064,.7361,.96043,.20504,.74617,.95593,.20406,.75617,.95121,.20343,.76608,.94627,.20311,.77591,.94113,.2031,.78563,.93579,.20336,.79524,.93025,.20386,.80473,.92452,.20459,.8141,.91861,.20552,.82333,.91253,.20663,.83241,.90627,.20788,.84133,.89986,.20926,.8501,.89328,.21074,.85868,.88655,.2123,.86709,.87968,.21391,.8753,.87267,.21555,.88331,.86553,.21719,.89112,.85826,.2188,.8987,.85087,.22038,.90605,.84337,.22188,.91317,.83576,.22328,.92004,.82806,.22456,.92666,.82025,.2257,.93301,.81236,.22667,.93909,.80439,.22744,.94489,.79634,.228,.95039,.78823,.22831,.9556,.78005,.22836,.96049,.77181,.22811,.96507,.76352,.22754,.96931,.75519,.22663,.97323,.74682,.22536,.97679,.73842,.22369,.98,.73,.22161,.98289,.7214,.21918,.98549,.7125,.2165,.98781,.7033,.21358,.98986,.69382,.21043,.99163,.68408,.20706,.99314,.67408,.20348,.99438,.66386,.19971,.99535,.65341,.19577,.99607,.64277,.19165,.99654,.63193,.18738,.99675,.62093,.18297,.99672,.60977,.17842,.99644,.59846,.17376,.99593,.58703,.16899,.99517,.57549,.16412,.99419,.56386,.15918,.99297,.55214,.15417,.99153,.54036,.1491,.98987,.52854,.14398,.98799,.51667,.13883,.9859,.50479,.13367,.9836,.49291,.12849,.98108,.48104,.12332,.97837,.4692,.11817,.97545,.4574,.11305,.97234,.44565,.10797,.96904,.43399,.10294,.96555,.42241,.09798,.96187,.41093,.0931,.95801,.39958,.08831,.95398,.38836,.08362,.94977,.37729,.07905,.94538,.36638,.07461,.94084,.35566,.07031,.93612,.34513,.06616,.93125,.33482,.06218,.92623,.32473,.05837,.92105,.31489,.05475,.91572,.3053,.05134,.91024,.29599,.04814,.90463,.28696,.04516,.89888,.27824,.04243,.89298,.26981,.03993,.88691,.26152,.03753,.88066,.25334,.03521,.87422,.24526,.03297,.8676,.2373,.03082,.86079,.22945,.02875,.8538,.2217,.02677,.84662,.21407,.02487,.83926,.20654,.02305,.83172,.19912,.02131,.82399,.19182,.01966,.81608,.18462,.01809,.80799,.17753,.0166,.79971,.17055,.0152,.79125,.16368,.01387,.7826,.15693,.01264,.77377,.15028,.01148,.76476,.14374,.01041,.75556,.13731,.00942,.74617,.13098,.00851,.73661,.12477,.00769,.72686,.11867,.00695,.71692,.11268,.00629,.7068,.1068,.00571,.6965,.10102,.00522,.68602,.09536,.00481,.67535,.0898,.00449,.66449,.08436,.00424,.65345,.07902,.00408,.64223,.0738,.00401,.63082,.06868,.00401,.61923,.06367,.0041,.60746,.05878,.00427,.5955,.05399,.00453,.58336,.04931,.00486,.57103,.04474,.00529,.55852,.04028,.00579,.54583,.03593,.00638,.53295,.03169,.00705,.51989,.02756,.0078,.50664,.02354,.00863,.49321,.01963,.00955,.4796,.01583,.01055]),u=new Uint8ClampedArray(d.map(e=>Math.floor(255*e))),g=Array(256);for(let e=0;e<g.length;e++){let a=3*e;g[e]=d.subarray(a,a+3)}let p=Array(256);for(let e=0;e<p.length;e++){let a=3*e;p[e]=u.subarray(a,a+3)}let h=new i.KDTree(p,3);var _=t(5701),m=t(6272),x=t(5110),b=t.n(x);let j=e=>{let[a,t,r]=e;return"rgb(".concat(a,", ").concat(t,", ").concat(r,")")},f=e=>e.map(j);function v(e){let{label:a="Select color",className:t,colorStops:l,scaleImage:o,value:s,onChange:c}=e,[i,d]=(0,n.useState)(127),u=(0,n.useMemo)(()=>{if(o)return{"--color-gradient":'url("'.concat(o,'")')};if(!l)return{};{let e=f(l).join(", ");return{"--color-gradient":"linear-gradient(to right, ".concat(e,")")}}},[l,o]);return(0,r.jsx)("div",{className:"".concat(b().Container," ").concat(null!=t?t:""),children:(0,r.jsx)(_.Range,{label:a,step:1,min:0,max:255,values:[null!=s?s:i],onChange:e=>{let[a]=e;null==s&&d(a),c&&c(a)},renderTrack:e=>{let{props:a,children:t}=e;return(0,r.jsx)("div",{...a,style:{...a.style,...u},className:b().RangeTrack,children:t})},renderThumb:e=>{let{props:a}=e;return(0,n.createElement)("div",{...a,key:a.key,className:b().Indicator},(0,r.jsx)(m.Ejc,{}))}})})}t(5561);var C=t(8240),k=t.n(C);let N="/turbo-colormap";function S(){let[e,a]=(0,n.useState)(165),t=p[e];return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)("div",{className:k().ColorConvert,children:[(0,r.jsxs)("div",{className:k().ColorSelect,children:[(0,r.jsx)(v,{label:"Select grayscale color",scaleImage:"".concat(N,"/grayscale.png"),value:e,onChange:a}),(0,r.jsxs)("dl",{className:k().Values,children:[(0,r.jsx)("dt",{children:"normalized:"}),(0,r.jsx)("dd",{children:(e/255).toFixed(9)}),(0,r.jsx)("dt",{children:"rgb:"}),(0,r.jsxs)("dd",{children:["rgb(",e,", ",e,", ",e,")"]}),(0,r.jsx)("dt",{children:"hex:"}),(0,r.jsxs)("dd",{children:["#",e.toString(16).padStart(2,"0"),e.toString(16).padStart(2,"0"),e.toString(16).padStart(2,"0")]})]}),(0,r.jsx)("div",{className:k().Color,style:{background:"rgb(".concat(e,", ").concat(e,", ").concat(e,")")}})]}),(0,r.jsxs)("div",{className:k().ColorSelect,children:[(0,r.jsx)(v,{label:"Select Turbo color",scaleImage:"".concat(N,"/turbo.png"),value:e,onChange:a}),(0,r.jsxs)("dl",{className:k().Values,children:[(0,r.jsx)("dt",{children:"normalized:"}),(0,r.jsx)("dd",{children:(e/255).toFixed(9)}),(0,r.jsx)("dt",{children:"rgb:"}),(0,r.jsxs)("dd",{children:["rgb(",t[0],", ",t[1],", ",t[2],")"]}),(0,r.jsx)("dt",{children:"hex:"}),(0,r.jsxs)("dd",{children:["#",t[0].toString(16).padStart(2,"0"),t[1].toString(16).padStart(2,"0"),t[2].toString(16).padStart(2,"0")]})]}),(0,r.jsx)("div",{className:k().Color,style:{background:"rgb(".concat(t[0],", ").concat(t[1],", ").concat(t[2],")")}})]})]})})}function y(){let[e,a]=(0,o.rd)("#4fdd47"),t=(0,n.useMemo)(()=>{let[a,t,r]=[Math.round(e.rgb.r),Math.round(e.rgb.g),Math.round(e.rgb.b)];return function(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return p[function(e){let a,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},{cache:r}=t;if(r){a="".concat(e[0],",").concat(e[1],",").concat(e[2]);let t=r.get(a);if(null!=t)return t}let n=h.knnSearch(e,1)[0];return r&&r.set(a,n),n}(e,a)]}([a,t,r])},[e]);return(0,r.jsxs)("div",{className:k().Quantizer,children:[(0,r.jsxs)("div",{className:k().QuantizeOutput,children:[(0,r.jsx)("div",{className:k().QuantizeColor,style:{background:e.hex}}),(0,r.jsx)("div",{className:k().QuantizeColor,style:{background:"rgb(".concat(t[0],", ").concat(t[1],", ").concat(t[2],")")}})]}),(0,r.jsx)("div",{className:k().PickerContainer,children:(0,r.jsx)(o.zH,{color:e,onChange:a,hideAlpha:!0})})]})}function w(e){let{defaultImageUrl:a,onImageReady:t,dropMessage:o,isLoading:s=!1,imageData:i,enabled:d=!0}=e,u=(0,n.useRef)(null),[g,p]=(0,n.useState)(a),[h,_]=(0,n.useState)(null),[m,x]=(0,n.useState)("input"),b=(0,n.useCallback)(e=>{let a=URL.createObjectURL(e[0]);x("input"),p(a)},[]),{getRootProps:j,getInputProps:f,isDragActive:v}=(0,l.uI)({onDrop:b,accept:{"image/*":[]},multiple:!1});(0,n.useEffect)(()=>{if(u.current||(u.current=new OffscreenCanvas(1,1)),d&&g){let e=u.current,a=new Image;a.onload=()=>{let r=a.naturalWidth,n=a.naturalHeight;e.width=r,e.height=n;let l=e.getContext("2d",{alpha:!1});l.drawImage(a,0,0,r,n),t(g,l.getImageData(0,0,r,n))},a.src=g}},[d,g,t]),(0,n.useEffect)(()=>{if(g)return()=>{g.startsWith("blob:")&&URL.revokeObjectURL(g)}},[g]),(0,n.useEffect)(()=>{if(i&&d){let e=!1;return(async()=>{let a=u.current,{buffer:t,width:r,height:n}=i;a.width=r,a.height=n;let l=a.getContext("2d",{alpha:!1}),o=new ImageData(new Uint8ClampedArray(t),r,n);l.putImageData(o,0,0);let s=await a.convertToBlob();if(!e){let e=URL.createObjectURL(s);x("output"),_(e)}})(),()=>{e=!0}}},[i,d]),(0,n.useEffect)(()=>{if(h)return()=>{h.startsWith("blob:")&&URL.revokeObjectURL(h)}},[h]);let C="input"===m?g:h;return(0,r.jsxs)("div",{className:k().ImageZone,children:[(0,r.jsxs)("div",{...j(),className:k().DropRoot,children:[(0,r.jsx)("input",{...f()}),C?(0,r.jsx)("img",{className:k().Canvas,src:C}):null]}),(0,r.jsx)("div",{className:k().DropMessage,style:{display:v?"block":"none"},children:o}),(0,r.jsx)("div",{className:k().Loading,style:{display:s&&!v?"block":"none"},children:(0,r.jsx)(c.sst,{className:k().Spinner})})]})}function I(){let[e,a]=(0,n.useState)(!1),l=(0,n.useRef)(),[o,c]=(0,n.useState)(null),[i,d]=(0,n.useState)(null),u=(0,n.useCallback)((e,a)=>{c(t=>({id:t?t.id+1:1,source:"turbo",target:"grayscale",imageUrl:e,buffer:a.data.buffer,width:a.width,height:a.height}))},[]),g=(0,n.useCallback)((e,a)=>{c(t=>({id:t?t.id+1:1,source:"grayscale",target:"turbo",imageUrl:e,buffer:a.data.buffer,width:a.width,height:a.height}))},[]);return(0,n.useEffect)(()=>{if(o){var e;return l.current=new Worker(t.tu(new URL(t.p+t.u(99),t.b))),l.current.onmessage=e=>{d(e.data)},null===(e=l.current)||void 0===e||e.postMessage(o),()=>{var e;null===(e=l.current)||void 0===e||e.terminate()}}},[o]),(0,r.jsxs)("div",{className:k().Canvases,children:[(0,r.jsxs)("p",{className:k().Tip,children:["tap or drag & drop"," ",(0,r.jsx)("span",{className:k().ZoneName,children:"Turbo image"}),(0,r.jsx)(s.RiI,{className:k().DownArrow})]}),(0,r.jsxs)("p",{className:k().Tip,children:["tap or drag & drop"," ",(0,r.jsx)("span",{className:k().ZoneName,children:"grayscale image"}),(0,r.jsx)(s.RiI,{className:k().DownArrow})]}),(0,r.jsx)(w,{defaultImageUrl:"".concat(N,"/cocktail.depth.jpg"),onImageReady:u,dropMessage:"drop to upload Turbo image",imageData:(null==i?void 0:i.target)==="turbo"?i:null,isLoading:o&&"turbo"===o.target&&(null==i?void 0:i.id)!==o.id,enabled:e}),(0,r.jsx)(w,{onImageReady:g,dropMessage:"drop to upload grayscale image",imageData:(null==i?void 0:i.target)==="grayscale"?i:null,isLoading:o&&"grayscale"===o.target&&(null==i?void 0:i.id)!==o.id,enabled:e}),e?null:(0,r.jsxs)("div",{className:k().Blocker,children:[(0,r.jsx)("p",{children:"This demo will consume a little CPU and needs to be enabled first."}),(0,r.jsxs)("button",{className:k().UnblockButton,onClick:()=>{a(!0)},children:["Enable",(0,r.jsx)("strong",{children:(0,r.jsx)("em",{children:"!"})})]})]})]})}},8240:function(e){e.exports={ColorConvert:"page_ColorConvert__7VIoI",ColorSelect:"page_ColorSelect__nUc8H",Color:"page_Color__ya5K5",ImageZone:"page_ImageZone__PkBlf",Values:"page_Values__mm5vZ",Canvas:"page_Canvas__EOoli",CodeBlock:"page_CodeBlock__7_Pgq",Canvases:"page_Canvases__5m9cA",Starter:"page_Starter__FE66H",Description:"page_Description__64yKG",Quantizer:"page_Quantizer__dvOdS",QuantizeColor:"page_QuantizeColor__H4TS9",PickerContainer:"page_PickerContainer__LOs_I",QuantizeOutput:"page_QuantizeOutput__Nxqhh",Tip:"page_Tip__QiWQz",DownArrow:"page_DownArrow__UDRyL",ZoneName:"page_ZoneName__phrJJ",DropMessage:"page_DropMessage__lNFE8",Loading:"page_Loading__k4mIw",Spinner:"page_Spinner__AQC8Q",spin:"page_spin__OXxwq",DropRoot:"page_DropRoot__Q5OMd",Blocker:"page_Blocker__rPLYP",UnblockButton:"page_UnblockButton__LgsPm"}},5110:function(e){e.exports={Container:"ColorSlider_Container__fbcvW",RangeTrack:"ColorSlider_RangeTrack__k6ZoD",Indicator:"ColorSlider_Indicator__ZutBx"}}},function(e){e.O(0,[839,947,467,491,79,115,364,744],function(){return e(e.s=7286)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/docs/_next/static/chunks/app/page-fec68a5577a2e826.js b/docs/_next/static/chunks/app/page-fec68a5577a2e826.js
deleted file mode 100644
index d7cb0ab..0000000
--- a/docs/_next/static/chunks/app/page-fec68a5577a2e826.js
+++ /dev/null
@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[931],{7286:function(e,a,t){Promise.resolve().then(t.bind(t,2817)),Promise.resolve().then(t.t.bind(t,8240,23))},2817:function(e,a,t){"use strict";t.d(a,{ColorConvert:function(){return S},ImageConvert:function(){return I},Quantizer:function(){return y}});var r=t(7821),n=t(8078),l=t(2937),o=t(2266),s=t(3164),c=t(959),i=t(8352);let d=new Float32Array([.18995,.07176,.23217,.19483,.08339,.26149,.19956,.09498,.29024,.20415,.10652,.31844,.2086,.11802,.34607,.21291,.12947,.37314,.21708,.14087,.39964,.22111,.15223,.42558,.225,.16354,.45096,.22875,.17481,.47578,.23236,.18603,.50004,.23582,.1972,.52373,.23915,.20833,.54686,.24234,.21941,.56942,.24539,.23044,.59142,.2483,.24143,.61286,.25107,.25237,.63374,.25369,.26327,.65406,.25618,.27412,.67381,.25853,.28492,.693,.26074,.29568,.71162,.2628,.30639,.72968,.26473,.31706,.74718,.26652,.32768,.76412,.26816,.33825,.7805,.26967,.34878,.79631,.27103,.35926,.81156,.27226,.3697,.82624,.27334,.38008,.84037,.27429,.39043,.85393,.27509,.40072,.86692,.27576,.41097,.87936,.27628,.42118,.89123,.27667,.43134,.90254,.27691,.44145,.91328,.27701,.45152,.92347,.27698,.46153,.93309,.2768,.47151,.94214,.27648,.48144,.95064,.27603,.49132,.95857,.27543,.50115,.96594,.27469,.51094,.97275,.27381,.52069,.97899,.27273,.5304,.98461,.27106,.54015,.9893,.26878,.54995,.99303,.26592,.55979,.99583,.26252,.56967,.99773,.25862,.57958,.99876,.25425,.5895,.99896,.24946,.59943,.99835,.24427,.60937,.99697,.23874,.61931,.99485,.23288,.62923,.99202,.22676,.63913,.98851,.22039,.64901,.98436,.21382,.65886,.97959,.20708,.66866,.97423,.20021,.67842,.96833,.19326,.68812,.9619,.18625,.69775,.95498,.17923,.70732,.94761,.17223,.7168,.93981,.16529,.7262,.93161,.15844,.73551,.92305,.15173,.74472,.91416,.14519,.75381,.90496,.13886,.76279,.8955,.13278,.77165,.8858,.12698,.78037,.8759,.12151,.78896,.86581,.11639,.7974,.85559,.11167,.80569,.84525,.10738,.81381,.83484,.10357,.82177,.82437,.10026,.82955,.81389,.0975,.83714,.80342,.09532,.84455,.79299,.09377,.85175,.78264,.09287,.85875,.7724,.09267,.86554,.7623,.0932,.87211,.75237,.09451,.87844,.74265,.09662,.88454,.73316,.09958,.8904,.72393,.10342,.896,.715,.10815,.90142,.70599,.11374,.90673,.69651,.12014,.91193,.6866,.12733,.91701,.67627,.13526,.92197,.66556,.14391,.9268,.65448,.15323,.93151,.64308,.16319,.93609,.63137,.17377,.94053,.61938,.18491,.94484,.60713,.19659,.94901,.59466,.20877,.95304,.58199,.22142,.95692,.56914,.23449,.96065,.55614,.24797,.96423,.54303,.2618,.96765,.52981,.27597,.97092,.51653,.29042,.97403,.50321,.30513,.97697,.48987,.32006,.97974,.47654,.33517,.98234,.46325,.35043,.98477,.45002,.36581,.98702,.43688,.38127,.98909,.42386,.39678,.99098,.41098,.41229,.99268,.39826,.42778,.99419,.38575,.44321,.99551,.37345,.45854,.99663,.3614,.47375,.99755,.34963,.48879,.99828,.33816,.50362,.99879,.32701,.51822,.9991,.31622,.53255,.99919,.30581,.54658,.99907,.29581,.56026,.99873,.28623,.57357,.99817,.27712,.58646,.99739,.26849,.59891,.99638,.26038,.61088,.99514,.2528,.62233,.99366,.24579,.63323,.99195,.23937,.64362,.98999,.23356,.65394,.98775,.22835,.66428,.98524,.2237,.67462,.98246,.2196,.68494,.97941,.21602,.69525,.9761,.21294,.70553,.97255,.21032,.71577,.96875,.20815,.72596,.9647,.2064,.7361,.96043,.20504,.74617,.95593,.20406,.75617,.95121,.20343,.76608,.94627,.20311,.77591,.94113,.2031,.78563,.93579,.20336,.79524,.93025,.20386,.80473,.92452,.20459,.8141,.91861,.20552,.82333,.91253,.20663,.83241,.90627,.20788,.84133,.89986,.20926,.8501,.89328,.21074,.85868,.88655,.2123,.86709,.87968,.21391,.8753,.87267,.21555,.88331,.86553,.21719,.89112,.85826,.2188,.8987,.85087,.22038,.90605,.84337,.22188,.91317,.83576,.22328,.92004,.82806,.22456,.92666,.82025,.2257,.93301,.81236,.22667,.93909,.80439,.22744,.94489,.79634,.228,.95039,.78823,.22831,.9556,.78005,.22836,.96049,.77181,.22811,.96507,.76352,.22754,.96931,.75519,.22663,.97323,.74682,.22536,.97679,.73842,.22369,.98,.73,.22161,.98289,.7214,.21918,.98549,.7125,.2165,.98781,.7033,.21358,.98986,.69382,.21043,.99163,.68408,.20706,.99314,.67408,.20348,.99438,.66386,.19971,.99535,.65341,.19577,.99607,.64277,.19165,.99654,.63193,.18738,.99675,.62093,.18297,.99672,.60977,.17842,.99644,.59846,.17376,.99593,.58703,.16899,.99517,.57549,.16412,.99419,.56386,.15918,.99297,.55214,.15417,.99153,.54036,.1491,.98987,.52854,.14398,.98799,.51667,.13883,.9859,.50479,.13367,.9836,.49291,.12849,.98108,.48104,.12332,.97837,.4692,.11817,.97545,.4574,.11305,.97234,.44565,.10797,.96904,.43399,.10294,.96555,.42241,.09798,.96187,.41093,.0931,.95801,.39958,.08831,.95398,.38836,.08362,.94977,.37729,.07905,.94538,.36638,.07461,.94084,.35566,.07031,.93612,.34513,.06616,.93125,.33482,.06218,.92623,.32473,.05837,.92105,.31489,.05475,.91572,.3053,.05134,.91024,.29599,.04814,.90463,.28696,.04516,.89888,.27824,.04243,.89298,.26981,.03993,.88691,.26152,.03753,.88066,.25334,.03521,.87422,.24526,.03297,.8676,.2373,.03082,.86079,.22945,.02875,.8538,.2217,.02677,.84662,.21407,.02487,.83926,.20654,.02305,.83172,.19912,.02131,.82399,.19182,.01966,.81608,.18462,.01809,.80799,.17753,.0166,.79971,.17055,.0152,.79125,.16368,.01387,.7826,.15693,.01264,.77377,.15028,.01148,.76476,.14374,.01041,.75556,.13731,.00942,.74617,.13098,.00851,.73661,.12477,.00769,.72686,.11867,.00695,.71692,.11268,.00629,.7068,.1068,.00571,.6965,.10102,.00522,.68602,.09536,.00481,.67535,.0898,.00449,.66449,.08436,.00424,.65345,.07902,.00408,.64223,.0738,.00401,.63082,.06868,.00401,.61923,.06367,.0041,.60746,.05878,.00427,.5955,.05399,.00453,.58336,.04931,.00486,.57103,.04474,.00529,.55852,.04028,.00579,.54583,.03593,.00638,.53295,.03169,.00705,.51989,.02756,.0078,.50664,.02354,.00863,.49321,.01963,.00955,.4796,.01583,.01055]),u=new Uint8ClampedArray(d.map(e=>Math.floor(255*e))),g=Array(256);for(let e=0;e<g.length;e++){let a=3*e;g[e]=d.subarray(a,a+3)}let p=Array(256);for(let e=0;e<p.length;e++){let a=3*e;p[e]=u.subarray(a,a+3)}let h=new i.KDTree(p,3);var _=t(5701),m=t(6272),x=t(5110),b=t.n(x);let j=e=>{let[a,t,r]=e;return"rgb(".concat(a,", ").concat(t,", ").concat(r,")")},f=e=>e.map(j);function v(e){let{className:a,colorStops:t,scaleImage:l,value:o,onChange:s}=e,[c,i]=(0,n.useState)(127),d=(0,n.useMemo)(()=>{if(l)return{"--color-gradient":'url("'.concat(l,'")')};{let e=f(t).join(", ");return{"--color-gradient":"linear-gradient(to right, ".concat(e,")")}}},[t,l]);return(0,r.jsx)("div",{className:"".concat(b().Container," ").concat(null!=a?a:""),children:(0,r.jsx)(_.Range,{label:"Select your value",step:1,min:0,max:255,values:[null!=o?o:c],onChange:e=>{let[a]=e;null==o&&i(a),s&&s(a)},renderTrack:e=>{let{props:a,children:t}=e;return(0,r.jsx)("div",{...a,style:{...a.style,...d},className:b().RangeTrack,children:t})},renderThumb:e=>{let{props:a}=e;return(0,n.createElement)("div",{...a,key:a.key,className:b().Indicator},(0,r.jsx)(m.Ejc,{}))}})})}t(5561);var C=t(8240),k=t.n(C);let N="/turbo-colormap";function S(){let[e,a]=(0,n.useState)(165),t=p[e];return(0,r.jsx)(r.Fragment,{children:(0,r.jsxs)("div",{className:k().ColorConvert,children:[(0,r.jsxs)("div",{className:k().ColorSelect,children:[(0,r.jsx)(v,{scaleImage:"".concat(N,"/grayscale.png"),value:e,onChange:a}),(0,r.jsxs)("dl",{className:k().Values,children:[(0,r.jsx)("dt",{children:"normalized:"}),(0,r.jsx)("dd",{children:(e/255).toFixed(9)}),(0,r.jsx)("dt",{children:"rgb:"}),(0,r.jsxs)("dd",{children:["rgb(",e,", ",e,", ",e,")"]}),(0,r.jsx)("dt",{children:"hex:"}),(0,r.jsxs)("dd",{children:["#",e.toString(16).padStart(2,"0"),e.toString(16).padStart(2,"0"),e.toString(16).padStart(2,"0")]})]}),(0,r.jsx)("div",{className:k().Color,style:{background:"rgb(".concat(e,", ").concat(e,", ").concat(e,")")}})]}),(0,r.jsxs)("div",{className:k().ColorSelect,children:[(0,r.jsx)(v,{scaleImage:"".concat(N,"/turbo.png"),value:e,onChange:a}),(0,r.jsxs)("dl",{className:k().Values,children:[(0,r.jsx)("dt",{children:"normalized:"}),(0,r.jsx)("dd",{children:(e/255).toFixed(9)}),(0,r.jsx)("dt",{children:"rgb:"}),(0,r.jsxs)("dd",{children:["rgb(",t[0],", ",t[1],", ",t[2],")"]}),(0,r.jsx)("dt",{children:"hex:"}),(0,r.jsxs)("dd",{children:["#",t[0].toString(16).padStart(2,"0"),t[1].toString(16).padStart(2,"0"),t[2].toString(16).padStart(2,"0")]})]}),(0,r.jsx)("div",{className:k().Color,style:{background:"rgb(".concat(t[0],", ").concat(t[1],", ").concat(t[2],")")}})]})]})})}function y(){let[e,a]=(0,o.rd)("#4fdd47"),t=(0,n.useMemo)(()=>{let[a,t,r]=[Math.round(e.rgb.r),Math.round(e.rgb.g),Math.round(e.rgb.b)];return function(e){let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return p[function(e){let a,t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},{cache:r}=t;if(r){a="".concat(e[0],",").concat(e[1],",").concat(e[2]);let t=r.get(a);if(null!=t)return t}let n=h.knnSearch(e,1)[0];return r&&r.set(a,n),n}(e,a)]}([a,t,r])},[e]);return(0,r.jsxs)("div",{className:k().Quantizer,children:[(0,r.jsxs)("div",{className:k().QuantizeOutput,children:[(0,r.jsx)("div",{className:k().QuantizeColor,style:{background:e.hex}}),(0,r.jsx)("div",{className:k().QuantizeColor,style:{background:"rgb(".concat(t[0],", ").concat(t[1],", ").concat(t[2],")")}})]}),(0,r.jsx)("div",{className:k().PickerContainer,children:(0,r.jsx)(o.zH,{color:e,onChange:a,hideAlpha:!0})})]})}function w(e){let{defaultImageUrl:a,onImageReady:t,dropMessage:o,isLoading:s=!1,imageData:i,enabled:d=!0}=e,u=(0,n.useRef)(null),[g,p]=(0,n.useState)(a),[h,_]=(0,n.useState)(null),[m,x]=(0,n.useState)("input"),b=(0,n.useCallback)(e=>{let a=URL.createObjectURL(e[0]);x("input"),p(a)},[]),{getRootProps:j,getInputProps:f,isDragActive:v}=(0,l.uI)({onDrop:b,accept:{"image/*":[]},multiple:!1});(0,n.useEffect)(()=>{if(u.current||(u.current=new OffscreenCanvas(1,1)),d&&g){let e=u.current,a=new Image;a.onload=()=>{let r=a.naturalWidth,n=a.naturalHeight;e.width=r,e.height=n;let l=e.getContext("2d",{alpha:!1});l.drawImage(a,0,0,r,n),t(g,l.getImageData(0,0,r,n))},a.src=g}},[d,g,t]),(0,n.useEffect)(()=>{if(g)return()=>{g.startsWith("blob:")&&URL.revokeObjectURL(g)}},[g]),(0,n.useEffect)(()=>{if(i&&d){let e=!1;return(async()=>{let a=u.current,{buffer:t,width:r,height:n}=i;a.width=r,a.height=n;let l=a.getContext("2d",{alpha:!1}),o=new ImageData(new Uint8ClampedArray(t),r,n);l.putImageData(o,0,0);let s=await a.convertToBlob();if(!e){let e=URL.createObjectURL(s);x("output"),_(e)}})(),()=>{e=!0}}},[i,d]),(0,n.useEffect)(()=>{if(h)return()=>{h.startsWith("blob:")&&URL.revokeObjectURL(h)}},[h]);let C="input"===m?g:h;return(0,r.jsxs)("div",{className:k().ImageZone,children:[(0,r.jsxs)("div",{...j(),className:k().DropRoot,children:[(0,r.jsx)("input",{...f()}),C?(0,r.jsx)("img",{className:k().Canvas,src:C}):null]}),(0,r.jsx)("div",{className:k().DropMessage,style:{display:v?"block":"none"},children:o}),(0,r.jsx)("div",{className:k().Loading,style:{display:s&&!v?"block":"none"},children:(0,r.jsx)(c.sst,{className:k().Spinner})})]})}function I(){let[e,a]=(0,n.useState)(!1),l=(0,n.useRef)(),[o,c]=(0,n.useState)(null),[i,d]=(0,n.useState)(null),u=(0,n.useCallback)((e,a)=>{c(t=>({id:t?t.id+1:1,source:"turbo",target:"grayscale",imageUrl:e,buffer:a.data.buffer,width:a.width,height:a.height}))},[]),g=(0,n.useCallback)((e,a)=>{c(t=>({id:t?t.id+1:1,source:"grayscale",target:"turbo",imageUrl:e,buffer:a.data.buffer,width:a.width,height:a.height}))},[]);return(0,n.useEffect)(()=>{if(o){var e;return l.current=new Worker(t.tu(new URL(t.p+t.u(99),t.b))),l.current.onmessage=e=>{d(e.data)},null===(e=l.current)||void 0===e||e.postMessage(o),()=>{var e;null===(e=l.current)||void 0===e||e.terminate()}}},[o]),(0,r.jsxs)("div",{className:k().Canvases,children:[(0,r.jsxs)("p",{className:k().Tip,children:["tap or drag & drop"," ",(0,r.jsx)("span",{className:k().ZoneName,children:"Turbo image"}),(0,r.jsx)(s.RiI,{className:k().DownArrow})]}),(0,r.jsxs)("p",{className:k().Tip,children:["tap or drag & drop"," ",(0,r.jsx)("span",{className:k().ZoneName,children:"grayscale image"}),(0,r.jsx)(s.RiI,{className:k().DownArrow})]}),(0,r.jsx)(w,{defaultImageUrl:"".concat(N,"/cocktail.depth.jpg"),onImageReady:u,dropMessage:"drop to upload Turbo image",imageData:(null==i?void 0:i.target)==="turbo"?i:null,isLoading:o&&"turbo"===o.target&&(null==i?void 0:i.id)!==o.id,enabled:e}),(0,r.jsx)(w,{onImageReady:g,dropMessage:"drop to upload grayscale image",imageData:(null==i?void 0:i.target)==="grayscale"?i:null,isLoading:o&&"grayscale"===o.target&&(null==i?void 0:i.id)!==o.id,enabled:e}),e?null:(0,r.jsxs)("div",{className:k().Blocker,children:[(0,r.jsx)("p",{children:"This demo will consume a little CPU and needs to be enabled first."}),(0,r.jsxs)("button",{className:k().UnblockButton,onClick:()=>{a(!0)},children:["Enable",(0,r.jsx)("strong",{children:(0,r.jsx)("em",{children:"!"})})]})]})]})}},8240:function(e){e.exports={ColorConvert:"page_ColorConvert__7VIoI",ColorSelect:"page_ColorSelect__nUc8H",Color:"page_Color__ya5K5",ImageZone:"page_ImageZone__PkBlf",Values:"page_Values__mm5vZ",Canvas:"page_Canvas__EOoli",CodeBlock:"page_CodeBlock__7_Pgq",Canvases:"page_Canvases__5m9cA",Starter:"page_Starter__FE66H",Description:"page_Description__64yKG",Quantizer:"page_Quantizer__dvOdS",QuantizeColor:"page_QuantizeColor__H4TS9",PickerContainer:"page_PickerContainer__LOs_I",QuantizeOutput:"page_QuantizeOutput__Nxqhh",Tip:"page_Tip__QiWQz",DownArrow:"page_DownArrow__UDRyL",ZoneName:"page_ZoneName__phrJJ",DropMessage:"page_DropMessage__lNFE8",Loading:"page_Loading__k4mIw",Spinner:"page_Spinner__AQC8Q",spin:"page_spin__OXxwq",DropRoot:"page_DropRoot__Q5OMd",Blocker:"page_Blocker__rPLYP",UnblockButton:"page_UnblockButton__LgsPm"}},5110:function(e){e.exports={Container:"ColorSlider_Container__fbcvW",RangeTrack:"ColorSlider_RangeTrack__k6ZoD",Indicator:"ColorSlider_Indicator__ZutBx"}}},function(e){e.O(0,[839,947,467,491,79,115,364,744],function(){return e(e.s=7286)}),_N_E=e.O()}]);
\ No newline at end of file
diff --git a/docs/index.html b/docs/index.html
index ce4ea9a..a4d0bda 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -1 +1 @@
-<!DOCTYPE html><html lang="en" class="__variable_42c616"><head><meta charSet="utf-8"/><meta name="viewport" content="width=320, initial-scale=1"/><link rel="preload" href="/turbo-colormap/_next/static/media/3a8dc5763a8ae4b2-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/turbo-colormap/_next/static/media/e9ed9197b1d41e00-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/turbo-colormap/cocktail.depth.jpg"/><link rel="preload" as="image" href="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png"/><link rel="stylesheet" href="/turbo-colormap/_next/static/css/79d670358bd86bcc.css" data-precedence="next"/><link rel="stylesheet" href="/turbo-colormap/_next/static/css/1a71d42b5e4771d9.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/turbo-colormap/_next/static/chunks/webpack-0bb748883dfc3114.js"/><script src="/turbo-colormap/_next/static/chunks/618f8807-ea12576ab75b19e1.js" async=""></script><script src="/turbo-colormap/_next/static/chunks/364-07b50a6377254ed2.js" async=""></script><script src="/turbo-colormap/_next/static/chunks/main-app-541b2af1d0de953f.js" async=""></script><script src="/turbo-colormap/_next/static/chunks/57243224-05984c2d75228c8d.js" async=""></script><script src="/turbo-colormap/_next/static/chunks/75daf03c-a0f7eedcc4c17049.js" async=""></script><script src="/turbo-colormap/_next/static/chunks/d8d4a831-10bef37d95d95755.js" async=""></script><script src="/turbo-colormap/_next/static/chunks/79-dc62408d0c208980.js" async=""></script><script src="/turbo-colormap/_next/static/chunks/app/page-fec68a5577a2e826.js" async=""></script><title>turbo-colormap: A TypeScript library for working with the Turbo colormap</title><meta name="next-size-adjust"/><script src="/turbo-colormap/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><main><header><h1>turbo-colormap </h1><a href="https://github.com/exogen/turbo-colormap"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" class="icon" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></header><p>A TypeScript library for working with<!-- --> <a href="https://research.google/blog/turbo-an-improved-rainbow-colormap-for-visualization/">Turbo</a>, an improved rainbow colormap for visual­ization. Turbo is often used for depth maps. This library includes the ability to “uncolormap” Turbo, converting values back to normalized floats or grayscale intensities. In addition to the library, you can also use this demo page to perform quick color and image conversions.</p><p>This library generates more faithful values than the d3 approx­imation of Turbo found in<!-- --> <a href="https://github.com/d3/d3-scale-chromatic">d3-scale-chromatic</a>.</p><div class="page_Starter__FE66H"><p>See the<!-- --> <a href="https://github.com/exogen/turbo-colormap">README on GitHub</a>.</p><p class="page_CodeBlock__7_Pgq"><code>npm install turbo-colormap</code></p></div><section><h2><em>color converter</em></h2><p class="page_Description__64yKG">Two-way conversion between grayscale intensity and Turbo.</p><div class="page_ColorConvert__7VIoI"><div class="page_ColorSelect__nUc8H"><div class="ColorSlider_Container__fbcvW "><div style="transform:scale(1);cursor:pointer;--color-gradient:url(&quot;/turbo-colormap/grayscale.png&quot;)" class="ColorSlider_RangeTrack__k6ZoD"><div style="position:absolute;z-index:0;cursor:grab;user-select:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none" tabindex="0" aria-valuemax="255" aria-valuemin="0" aria-valuenow="165" draggable="false" aria-label="Select your value" role="slider" class="ColorSlider_Indicator__ZutBx"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.022 1.566a1.13 1.13 0 0 1 1.96 0l6.857 11.667c.457.778-.092 1.767-.98 1.767H1.144c-.889 0-1.437-.99-.98-1.767z"></path></svg></div></div></div><dl class="page_Values__mm5vZ"><dt>normalized:</dt><dd>0.647058824</dd><dt>rgb:</dt><dd>rgb(<!-- -->165<!-- -->, <!-- -->165<!-- -->, <!-- -->165<!-- -->)</dd><dt>hex:</dt><dd>#<!-- -->a5<!-- -->a5<!-- -->a5</dd></dl><div class="page_Color__ya5K5" style="background:rgb(165, 165, 165)"></div></div><div class="page_ColorSelect__nUc8H"><div class="ColorSlider_Container__fbcvW "><div style="transform:scale(1);cursor:pointer;--color-gradient:url(&quot;/turbo-colormap/turbo.png&quot;)" class="ColorSlider_RangeTrack__k6ZoD"><div style="position:absolute;z-index:0;cursor:grab;user-select:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none" tabindex="0" aria-valuemax="255" aria-valuemin="0" aria-valuenow="165" draggable="false" aria-label="Select your value" role="slider" class="ColorSlider_Indicator__ZutBx"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.022 1.566a1.13 1.13 0 0 1 1.96 0l6.857 11.667c.457.778-.092 1.767-.98 1.767H1.144c-.889 0-1.437-.99-.98-1.767z"></path></svg></div></div></div><dl class="page_Values__mm5vZ"><dt>normalized:</dt><dd>0.647058824</dd><dt>rgb:</dt><dd>rgb(<!-- -->244<!-- -->, <!-- -->196<!-- -->, <!-- -->58<!-- -->)</dd><dt>hex:</dt><dd>#<!-- -->f4<!-- -->c4<!-- -->3a</dd></dl><div class="page_Color__ya5K5" style="background:rgb(244, 196, 58)"></div></div></div></section><section><h2><em>image converter</em></h2><p class="page_Description__64yKG">Some tools expect grayscale depth maps. Load images into the area below to convert between grayscale and Turbo images. Conversion is done client-side; all data stays in your browser.</p><div class="page_Canvases__5m9cA"><p class="page_Tip__QiWQz">tap or drag &amp; drop<!-- --> <span class="page_ZoneName__phrJJ">Turbo image</span><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="page_DownArrow__UDRyL" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></p><p class="page_Tip__QiWQz">tap or drag &amp; drop<!-- --> <span class="page_ZoneName__phrJJ">grayscale image</span><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="page_DownArrow__UDRyL" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></p><div class="page_ImageZone__PkBlf"><div role="presentation" tabindex="0" class="page_DropRoot__Q5OMd"><input accept="image/*" type="file" style="display:none" tabindex="-1"/><img class="page_Canvas__EOoli" src="/turbo-colormap/cocktail.depth.jpg"/></div><div class="page_DropMessage__lNFE8" style="display:none">drop to upload Turbo image</div><div class="page_Loading__k4mIw" style="display:none"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256" class="page_Spinner__AQC8Q" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M140,32V64a12,12,0,0,1-24,0V32a12,12,0,0,1,24,0Zm33.25,62.75a12,12,0,0,0,8.49-3.52L204.37,68.6a12,12,0,0,0-17-17L164.77,74.26a12,12,0,0,0,8.48,20.49ZM224,116H192a12,12,0,0,0,0,24h32a12,12,0,0,0,0-24Zm-42.26,48.77a12,12,0,1,0-17,17l22.63,22.63a12,12,0,0,0,17-17ZM128,180a12,12,0,0,0-12,12v32a12,12,0,0,0,24,0V192A12,12,0,0,0,128,180ZM74.26,164.77,51.63,187.4a12,12,0,0,0,17,17l22.63-22.63a12,12,0,1,0-17-17ZM76,128a12,12,0,0,0-12-12H32a12,12,0,0,0,0,24H64A12,12,0,0,0,76,128ZM68.6,51.63a12,12,0,1,0-17,17L74.26,91.23a12,12,0,0,0,17-17Z"></path></svg></div></div><div class="page_ImageZone__PkBlf"><div role="presentation" tabindex="0" class="page_DropRoot__Q5OMd"><input accept="image/*" type="file" style="display:none" tabindex="-1"/></div><div class="page_DropMessage__lNFE8" style="display:none">drop to upload grayscale image</div><div class="page_Loading__k4mIw" style="display:none"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256" class="page_Spinner__AQC8Q" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M140,32V64a12,12,0,0,1-24,0V32a12,12,0,0,1,24,0Zm33.25,62.75a12,12,0,0,0,8.49-3.52L204.37,68.6a12,12,0,0,0-17-17L164.77,74.26a12,12,0,0,0,8.48,20.49ZM224,116H192a12,12,0,0,0,0,24h32a12,12,0,0,0,0-24Zm-42.26,48.77a12,12,0,1,0-17,17l22.63,22.63a12,12,0,0,0,17-17ZM128,180a12,12,0,0,0-12,12v32a12,12,0,0,0,24,0V192A12,12,0,0,0,128,180ZM74.26,164.77,51.63,187.4a12,12,0,0,0,17,17l22.63-22.63a12,12,0,1,0-17-17ZM76,128a12,12,0,0,0-12-12H32a12,12,0,0,0,0,24H64A12,12,0,0,0,76,128ZM68.6,51.63a12,12,0,1,0-17,17L74.26,91.23a12,12,0,0,0,17-17Z"></path></svg></div></div><div class="page_Blocker__rPLYP"><p>This demo will consume a little CPU and needs to be enabled first.</p><button class="page_UnblockButton__LgsPm">Enable<strong><em>!</em></strong></button></div></div></section><section><h2><em>nearest color</em></h2><p class="page_Description__64yKG">Snap arbitrary colors to the indexed Turbo palette. This can yield surprising results with much of the sRGB color space; it’s mostly useful for interpreting visual­izations exported with an approx­imation of Turbo or a lossy format like JPEG, where the colors won’t be in the Turbo lookup table.</p><p class="page_Description__64yKG">The nearest color is determined by simple Euclidian distance using a k-d tree.</p><div class="page_Quantizer__dvOdS"><div class="page_QuantizeOutput__Nxqhh"><div class="page_QuantizeColor__H4TS9" style="background:#4fdd47"></div><div class="page_QuantizeColor__H4TS9" style="background:rgb(101, 252, 104)"></div></div><div class="page_PickerContainer__LOs_I"><div class="rcp-root rcp"><div class="rcp-interactive" aria-disabled="false"><div style="height:200px;background-color:hsl(116.80000000000001 100% 50%)" class="rcp-saturation"><div style="left:0.6787330316742082px;top:26.666666666666654px;background-color:rgb(79 221 71)" class="rcp-saturation-cursor"></div></div></div><div class="rcp-body"><section class="rcp-section"><div class="rcp-interactive" aria-disabled="false"><div class="rcp-hue"><div style="left:0.3244444444444445px;background-color:hsl(116.80000000000001 100% 50%)" class="rcp-hue-cursor"></div></div></div></section><section class="rcp-section"><div class="rcp-fields"><div class="rcp-fields-floor"><div class="rcp-field"><input id="hex" class="rcp-field-input" value="#4fdd47"/><label for="hex" class="rcp-field-label">HEX</label></div></div><div class="rcp-fields-floor"><div class="rcp-field"><input id="rgb" class="rcp-field-input" value="79, 221, 71"/><label for="rgb" class="rcp-field-label">RGB</label></div><div class="rcp-field"><input id="hsv" class="rcp-field-input" value="117°, 68%, 87%"/><label for="hsv" class="rcp-field-label">HSV</label></div></div></div></section></div></div></div></div></section></main><footer><div class="thanks"><p>Wanna say thanks?</p><a href="https://www.buymeacoffee.com/mosswood" target="_blank"><img width="217" height="60" src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee"/></a></div><div class="consulting">Wanna do fancy stuff on the Web?<br/>I’m available for consulting, just<!-- --> <a href="https://brianbeck.com">get in touch!</a></div><nav><ul><li><a href="https://hachyderm.io/@exogen" rel="noopener" aria-label="exogen on Hachyderm" title="exogen on Hachyderm"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="icon" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path></svg></a></li><li><a href="https://github.com/exogen" rel="noopener" aria-label="exogen on GitHub" title="exogen on GitHub"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" class="icon" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav></footer><script src="/turbo-colormap/_next/static/chunks/webpack-0bb748883dfc3114.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/turbo-colormap/_next/static/media/3a8dc5763a8ae4b2-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/turbo-colormap/_next/static/media/e9ed9197b1d41e00-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:HL[\"/turbo-colormap/_next/static/css/79d670358bd86bcc.css\",\"style\"]\n4:HL[\"/turbo-colormap/_next/static/css/1a71d42b5e4771d9.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"5:I[4690,[],\"\"]\n8:I[2817,[\"947\",\"static/chunks/57243224-05984c2d75228c8d.js\",\"467\",\"static/chunks/75daf03c-a0f7eedcc4c17049.js\",\"491\",\"static/chunks/d8d4a831-10bef37d95d95755.js\",\"79\",\"static/chunks/79-dc62408d0c208980.js\",\"931\",\"static/chunks/app/page-fec68a5577a2e826.js\"],\"ColorConvert\"]\n9:I[2817,[\"947\",\"static/chunks/57243224-05984c2d75228c8d.js\",\"467\",\"static/chunks/75daf03c-a0f7eedcc4c17049.js\",\"491\",\"static/chunks/d8d4a831-10bef37d95d95755.js\",\"79\",\"static/chunks/79-dc62408d0c208980.js\",\"931\",\"static/chunks/app/page-fec68a5577a2e826.js\"],\"ImageConvert\"]\na:I[2817,[\"947\",\"static/chunks/57243224-05984c2d75228c8d.js\",\"467\",\"static/chunks/75daf03c-a0f7eedcc4c17049.js\",\"491\",\"static/chunks/d8d4a831-10bef37d95d95755.js\",\"79\",\"static/chunks/79-dc62408d0c208980.js\",\"931\",\"static/chunks/app/page-fec68a5577a2e826.js\"],\"Quantizer\"]\nb:I[1742,[],\"\"]\nc:I[9121,[],\"\"]\nf:I[8201,[],\"\"]\n7:T518,M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 "])</script><script>self.__next_f.push([1,"6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2zd:T518,M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z10:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$L5\",null,{\"buildId\":\"FJvtvnjf3bKxMO8SYQRcW\",\"assetPrefix\":\"/turbo-colormap\",\"urlParts\":[\"\",\"\"],\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"__PAGE__\",{},[[\"$L6\",[[\"$\",\"header\",null,{\"children\":[[\"$\",\"h1\",null,{\"children\":\"turbo-colormap \"}],[\"$\",\"a\",null,{\"href\":\"https://github.com/exogen/turbo-colormap\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 496 512\",\"className\":\"icon\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"$7\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]]}],[\"$\",\"p\",null,{\"children\":[\"A TypeScript library for working with\",\" \",[\"$\",\"a\",null,{\"href\":\"https://research.google/blog/turbo-an-improved-rainbow-colormap-for-visualization/\",\"children\":\"Turbo\"}],\", an improved rainbow colormap for visual­ization. Turbo is often used for depth maps. This library includes the ability to “uncolormap” Turbo, converting values back to normalized floats or grayscale intensities. In addition to the library, you can also use this demo page to perform quick color and image conversions.\"]}],[\"$\",\"p\",null,{\"children\":[\"This library generates more faithful values than the d3 approx­imation of Turbo found in\",\" \",[\"$\",\"a\",null,{\"href\":\"https://github.com/d3/d3-scale-chromatic\",\"children\":\"d3-scale-chromatic\"}],\".\"]}],[\"$\",\"div\",null,{\"className\":\"page_Starter__FE66H\",\"children\":[[\"$\",\"p\",null,{\"children\":[\"See the\",\" \",[\"$\",\"a\",null,{\"href\":\"https://github.com/exogen/turbo-colormap\",\"children\":\"README on GitHub\"}],\".\"]}],[\"$\",\"p\",null,{\"className\":\"page_CodeBlock__7_Pgq\",\"children\":[\"$\",\"code\",null,{\"children\":\"npm install turbo-colormap\"}]}]]}],[\"$\",\"section\",null,{\"children\":[[\"$\",\"h2\",null,{\"children\":[\"$\",\"em\",null,{\"children\":\"color converter\"}]}],[\"$\",\"p\",null,{\"className\":\"page_Description__64yKG\",\"children\":\"Two-way conversion between grayscale intensity and Turbo.\"}],[\"$\",\"$L8\",null,{}]]}],[\"$\",\"section\",null,{\"children\":[[\"$\",\"h2\",null,{\"children\":[\"$\",\"em\",null,{\"children\":\"image converter\"}]}],[\"$\",\"p\",null,{\"className\":\"page_Description__64yKG\",\"children\":\"Some tools expect grayscale depth maps. Load images into the area below to convert between grayscale and Turbo images. Conversion is done client-side; all data stays in your browser.\"}],[\"$\",\"$L9\",null,{}]]}],[\"$\",\"section\",null,{\"children\":[[\"$\",\"h2\",null,{\"children\":[\"$\",\"em\",null,{\"children\":\"nearest color\"}]}],[\"$\",\"p\",null,{\"className\":\"page_Description__64yKG\",\"children\":\"Snap arbitrary colors to the indexed Turbo palette. This can yield surprising results with much of the sRGB color space; it’s mostly useful for interpreting visual­izations exported with an approx­imation of Turbo or a lossy format like JPEG, where the colors won’t be in the Turbo lookup table.\"}],[\"$\",\"p\",null,{\"className\":\"page_Description__64yKG\",\"children\":\"The nearest color is determined by simple Euclidian distance using a k-d tree.\"}],[\"$\",\"$La\",null,{}]]}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/turbo-colormap/_next/static/css/1a71d42b5e4771d9.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/turbo-colormap/_next/static/css/79d670358bd86bcc.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_42c616\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"main\",null,{\"children\":[\"$\",\"$Lb\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lc\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]}],[\"$\",\"footer\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"thanks\",\"children\":[[\"$\",\"p\",null,{\"children\":\"Wanna say thanks?\"}],[\"$\",\"a\",null,{\"href\":\"https://www.buymeacoffee.com/mosswood\",\"target\":\"_blank\",\"children\":[\"$\",\"img\",null,{\"width\":217,\"height\":60,\"src\":\"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png\",\"alt\":\"Buy Me A Coffee\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"consulting\",\"children\":[\"Wanna do fancy stuff on the Web?\",[\"$\",\"br\",null,{}],\"I’m available for consulting, just\",\" \",[\"$\",\"a\",null,{\"href\":\"https://brianbeck.com\",\"children\":\"get in touch!\"}]]}],[\"$\",\"nav\",null,{\"children\":[\"$\",\"ul\",null,{\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://hachyderm.io/@exogen\",\"rel\":\"noopener\",\"aria-label\":\"exogen on Hachyderm\",\"title\":\"exogen on Hachyderm\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 448 512\",\"className\":\"icon\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://github.com/exogen\",\"rel\":\"noopener\",\"aria-label\":\"exogen on GitHub\",\"title\":\"exogen on GitHub\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 496 512\",\"className\":\"icon\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"$d\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]}]]}]}]]}]]}]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$Le\"],\"globalErrorComponent\":\"$f\",\"missingSlots\":\"$W10\"}]\n"])</script><script>self.__next_f.push([1,"e:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=320, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"turbo-colormap: A TypeScript library for working with the Turbo colormap\"}],[\"$\",\"meta\",\"3\",{\"name\":\"next-size-adjust\"}]]\n6:null\n"])</script></body></html>
\ No newline at end of file
+<!DOCTYPE html><html lang="en" class="__variable_42c616"><head><meta charSet="utf-8"/><meta name="viewport" content="width=320, initial-scale=1"/><link rel="preload" href="/turbo-colormap/_next/static/media/3a8dc5763a8ae4b2-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/turbo-colormap/_next/static/media/e9ed9197b1d41e00-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/turbo-colormap/cocktail.depth.jpg"/><link rel="preload" as="image" href="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png"/><link rel="stylesheet" href="/turbo-colormap/_next/static/css/79d670358bd86bcc.css" data-precedence="next"/><link rel="stylesheet" href="/turbo-colormap/_next/static/css/1a71d42b5e4771d9.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/turbo-colormap/_next/static/chunks/webpack-0bb748883dfc3114.js"/><script src="/turbo-colormap/_next/static/chunks/618f8807-ea12576ab75b19e1.js" async=""></script><script src="/turbo-colormap/_next/static/chunks/364-07b50a6377254ed2.js" async=""></script><script src="/turbo-colormap/_next/static/chunks/main-app-541b2af1d0de953f.js" async=""></script><script src="/turbo-colormap/_next/static/chunks/57243224-05984c2d75228c8d.js" async=""></script><script src="/turbo-colormap/_next/static/chunks/75daf03c-a0f7eedcc4c17049.js" async=""></script><script src="/turbo-colormap/_next/static/chunks/d8d4a831-10bef37d95d95755.js" async=""></script><script src="/turbo-colormap/_next/static/chunks/79-dc62408d0c208980.js" async=""></script><script src="/turbo-colormap/_next/static/chunks/app/page-a093ff4dc3a3e529.js" async=""></script><title>turbo-colormap: A TypeScript library for working with the Turbo colormap</title><meta name="next-size-adjust"/><script src="/turbo-colormap/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><main><header><h1>turbo-colormap </h1><a href="https://github.com/exogen/turbo-colormap"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" class="icon" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></header><p>A TypeScript library for working with<!-- --> <a href="https://research.google/blog/turbo-an-improved-rainbow-colormap-for-visualization/">Turbo</a>, an improved rainbow colormap for visual­ization. Turbo is often used for depth maps. This library includes the ability to “uncolormap” Turbo, converting values back to normalized floats or grayscale intensities. In addition to the library, you can also use this demo page to perform quick color and image conversions.</p><p>This library generates more faithful values than the d3 approx­imation of Turbo found in<!-- --> <a href="https://github.com/d3/d3-scale-chromatic">d3-scale-chromatic</a>.</p><div class="page_Starter__FE66H"><p>See the<!-- --> <a href="https://github.com/exogen/turbo-colormap">README on GitHub</a>.</p><p class="page_CodeBlock__7_Pgq"><code>npm install turbo-colormap</code></p></div><section><h2><em>color converter</em></h2><p class="page_Description__64yKG">Two-way conversion between grayscale intensity and Turbo.</p><div class="page_ColorConvert__7VIoI"><div class="page_ColorSelect__nUc8H"><div class="ColorSlider_Container__fbcvW "><div style="transform:scale(1);cursor:pointer;--color-gradient:url(&quot;/turbo-colormap/grayscale.png&quot;)" class="ColorSlider_RangeTrack__k6ZoD"><div style="position:absolute;z-index:0;cursor:grab;user-select:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none" tabindex="0" aria-valuemax="255" aria-valuemin="0" aria-valuenow="165" draggable="false" aria-label="Select grayscale color" role="slider" class="ColorSlider_Indicator__ZutBx"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.022 1.566a1.13 1.13 0 0 1 1.96 0l6.857 11.667c.457.778-.092 1.767-.98 1.767H1.144c-.889 0-1.437-.99-.98-1.767z"></path></svg></div></div></div><dl class="page_Values__mm5vZ"><dt>normalized:</dt><dd>0.647058824</dd><dt>rgb:</dt><dd>rgb(<!-- -->165<!-- -->, <!-- -->165<!-- -->, <!-- -->165<!-- -->)</dd><dt>hex:</dt><dd>#<!-- -->a5<!-- -->a5<!-- -->a5</dd></dl><div class="page_Color__ya5K5" style="background:rgb(165, 165, 165)"></div></div><div class="page_ColorSelect__nUc8H"><div class="ColorSlider_Container__fbcvW "><div style="transform:scale(1);cursor:pointer;--color-gradient:url(&quot;/turbo-colormap/turbo.png&quot;)" class="ColorSlider_RangeTrack__k6ZoD"><div style="position:absolute;z-index:0;cursor:grab;user-select:none;touch-action:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none" tabindex="0" aria-valuemax="255" aria-valuemin="0" aria-valuenow="165" draggable="false" aria-label="Select Turbo color" role="slider" class="ColorSlider_Indicator__ZutBx"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 16 16" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M7.022 1.566a1.13 1.13 0 0 1 1.96 0l6.857 11.667c.457.778-.092 1.767-.98 1.767H1.144c-.889 0-1.437-.99-.98-1.767z"></path></svg></div></div></div><dl class="page_Values__mm5vZ"><dt>normalized:</dt><dd>0.647058824</dd><dt>rgb:</dt><dd>rgb(<!-- -->244<!-- -->, <!-- -->196<!-- -->, <!-- -->58<!-- -->)</dd><dt>hex:</dt><dd>#<!-- -->f4<!-- -->c4<!-- -->3a</dd></dl><div class="page_Color__ya5K5" style="background:rgb(244, 196, 58)"></div></div></div></section><section><h2><em>image converter</em></h2><p class="page_Description__64yKG">Some tools expect grayscale depth maps. Load images into the area below to convert between grayscale and Turbo images. Conversion is done client-side; all data stays in your browser.</p><div class="page_Canvases__5m9cA"><p class="page_Tip__QiWQz">tap or drag &amp; drop<!-- --> <span class="page_ZoneName__phrJJ">Turbo image</span><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="page_DownArrow__UDRyL" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></p><p class="page_Tip__QiWQz">tap or drag &amp; drop<!-- --> <span class="page_ZoneName__phrJJ">grayscale image</span><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="page_DownArrow__UDRyL" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"></path></svg></p><div class="page_ImageZone__PkBlf"><div role="presentation" tabindex="0" class="page_DropRoot__Q5OMd"><input accept="image/*" type="file" style="display:none" tabindex="-1"/><img class="page_Canvas__EOoli" src="/turbo-colormap/cocktail.depth.jpg"/></div><div class="page_DropMessage__lNFE8" style="display:none">drop to upload Turbo image</div><div class="page_Loading__k4mIw" style="display:none"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256" class="page_Spinner__AQC8Q" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M140,32V64a12,12,0,0,1-24,0V32a12,12,0,0,1,24,0Zm33.25,62.75a12,12,0,0,0,8.49-3.52L204.37,68.6a12,12,0,0,0-17-17L164.77,74.26a12,12,0,0,0,8.48,20.49ZM224,116H192a12,12,0,0,0,0,24h32a12,12,0,0,0,0-24Zm-42.26,48.77a12,12,0,1,0-17,17l22.63,22.63a12,12,0,0,0,17-17ZM128,180a12,12,0,0,0-12,12v32a12,12,0,0,0,24,0V192A12,12,0,0,0,128,180ZM74.26,164.77,51.63,187.4a12,12,0,0,0,17,17l22.63-22.63a12,12,0,1,0-17-17ZM76,128a12,12,0,0,0-12-12H32a12,12,0,0,0,0,24H64A12,12,0,0,0,76,128ZM68.6,51.63a12,12,0,1,0-17,17L74.26,91.23a12,12,0,0,0,17-17Z"></path></svg></div></div><div class="page_ImageZone__PkBlf"><div role="presentation" tabindex="0" class="page_DropRoot__Q5OMd"><input accept="image/*" type="file" style="display:none" tabindex="-1"/></div><div class="page_DropMessage__lNFE8" style="display:none">drop to upload grayscale image</div><div class="page_Loading__k4mIw" style="display:none"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 256 256" class="page_Spinner__AQC8Q" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M140,32V64a12,12,0,0,1-24,0V32a12,12,0,0,1,24,0Zm33.25,62.75a12,12,0,0,0,8.49-3.52L204.37,68.6a12,12,0,0,0-17-17L164.77,74.26a12,12,0,0,0,8.48,20.49ZM224,116H192a12,12,0,0,0,0,24h32a12,12,0,0,0,0-24Zm-42.26,48.77a12,12,0,1,0-17,17l22.63,22.63a12,12,0,0,0,17-17ZM128,180a12,12,0,0,0-12,12v32a12,12,0,0,0,24,0V192A12,12,0,0,0,128,180ZM74.26,164.77,51.63,187.4a12,12,0,0,0,17,17l22.63-22.63a12,12,0,1,0-17-17ZM76,128a12,12,0,0,0-12-12H32a12,12,0,0,0,0,24H64A12,12,0,0,0,76,128ZM68.6,51.63a12,12,0,1,0-17,17L74.26,91.23a12,12,0,0,0,17-17Z"></path></svg></div></div><div class="page_Blocker__rPLYP"><p>This demo will consume a little CPU and needs to be enabled first.</p><button class="page_UnblockButton__LgsPm">Enable<strong><em>!</em></strong></button></div></div></section><section><h2><em>nearest color</em></h2><p class="page_Description__64yKG">Snap arbitrary colors to the indexed Turbo palette. This can yield surprising results with much of the sRGB color space; it’s mostly useful for interpreting visual­izations exported with an approx­imation of Turbo or a lossy format like JPEG, where not every pixel will be in the Turbo lookup table.</p><p class="page_Description__64yKG">The nearest color is determined by simple Euclidian distance using a k-d tree.</p><div class="page_Quantizer__dvOdS"><div class="page_QuantizeOutput__Nxqhh"><div class="page_QuantizeColor__H4TS9" style="background:#4fdd47"></div><div class="page_QuantizeColor__H4TS9" style="background:rgb(101, 252, 104)"></div></div><div class="page_PickerContainer__LOs_I"><div class="rcp-root rcp"><div class="rcp-interactive" aria-disabled="false"><div style="height:200px;background-color:hsl(116.80000000000001 100% 50%)" class="rcp-saturation"><div style="left:0.6787330316742082px;top:26.666666666666654px;background-color:rgb(79 221 71)" class="rcp-saturation-cursor"></div></div></div><div class="rcp-body"><section class="rcp-section"><div class="rcp-interactive" aria-disabled="false"><div class="rcp-hue"><div style="left:0.3244444444444445px;background-color:hsl(116.80000000000001 100% 50%)" class="rcp-hue-cursor"></div></div></div></section><section class="rcp-section"><div class="rcp-fields"><div class="rcp-fields-floor"><div class="rcp-field"><input id="hex" class="rcp-field-input" value="#4fdd47"/><label for="hex" class="rcp-field-label">HEX</label></div></div><div class="rcp-fields-floor"><div class="rcp-field"><input id="rgb" class="rcp-field-input" value="79, 221, 71"/><label for="rgb" class="rcp-field-label">RGB</label></div><div class="rcp-field"><input id="hsv" class="rcp-field-input" value="117°, 68%, 87%"/><label for="hsv" class="rcp-field-label">HSV</label></div></div></div></section></div></div></div></div></section></main><footer><div class="thanks"><p>Wanna say thanks?</p><a href="https://www.buymeacoffee.com/mosswood" target="_blank"><img width="217" height="60" src="https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png" alt="Buy Me A Coffee"/></a></div><div class="consulting">Wanna do fancy stuff on the Web?<br/>I’m available for consulting, just<!-- --> <a href="https://brianbeck.com">get in touch!</a></div><nav><ul><li><a href="https://hachyderm.io/@exogen" rel="noopener" aria-label="exogen on Hachyderm" title="exogen on Hachyderm"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 448 512" class="icon" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z"></path></svg></a></li><li><a href="https://github.com/exogen" rel="noopener" aria-label="exogen on GitHub" title="exogen on GitHub"><svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 496 512" class="icon" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path d="M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z"></path></svg></a></li></ul></nav></footer><script src="/turbo-colormap/_next/static/chunks/webpack-0bb748883dfc3114.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script>self.__next_f.push([1,"1:HL[\"/turbo-colormap/_next/static/media/3a8dc5763a8ae4b2-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/turbo-colormap/_next/static/media/e9ed9197b1d41e00-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:HL[\"/turbo-colormap/_next/static/css/79d670358bd86bcc.css\",\"style\"]\n4:HL[\"/turbo-colormap/_next/static/css/1a71d42b5e4771d9.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"5:I[4690,[],\"\"]\n8:I[2817,[\"947\",\"static/chunks/57243224-05984c2d75228c8d.js\",\"467\",\"static/chunks/75daf03c-a0f7eedcc4c17049.js\",\"491\",\"static/chunks/d8d4a831-10bef37d95d95755.js\",\"79\",\"static/chunks/79-dc62408d0c208980.js\",\"931\",\"static/chunks/app/page-a093ff4dc3a3e529.js\"],\"ColorConvert\"]\n9:I[2817,[\"947\",\"static/chunks/57243224-05984c2d75228c8d.js\",\"467\",\"static/chunks/75daf03c-a0f7eedcc4c17049.js\",\"491\",\"static/chunks/d8d4a831-10bef37d95d95755.js\",\"79\",\"static/chunks/79-dc62408d0c208980.js\",\"931\",\"static/chunks/app/page-a093ff4dc3a3e529.js\"],\"ImageConvert\"]\na:I[2817,[\"947\",\"static/chunks/57243224-05984c2d75228c8d.js\",\"467\",\"static/chunks/75daf03c-a0f7eedcc4c17049.js\",\"491\",\"static/chunks/d8d4a831-10bef37d95d95755.js\",\"79\",\"static/chunks/79-dc62408d0c208980.js\",\"931\",\"static/chunks/app/page-a093ff4dc3a3e529.js\"],\"Quantizer\"]\nb:I[1742,[],\"\"]\nc:I[9121,[],\"\"]\nf:I[8201,[],\"\"]\n7:T518,M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 "])</script><script>self.__next_f.push([1,"6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2zd:T518,M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z10:[]\n"])</script><script>self.__next_f.push([1,"0:[\"$\",\"$L5\",null,{\"buildId\":\"5KBG7e5Qfr8Cb-zKKQA_Q\",\"assetPrefix\":\"/turbo-colormap\",\"urlParts\":[\"\",\"\"],\"initialTree\":[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],\"initialSeedData\":[\"\",{\"children\":[\"__PAGE__\",{},[[\"$L6\",[[\"$\",\"header\",null,{\"children\":[[\"$\",\"h1\",null,{\"children\":\"turbo-colormap \"}],[\"$\",\"a\",null,{\"href\":\"https://github.com/exogen/turbo-colormap\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 496 512\",\"className\":\"icon\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"$7\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]]}],[\"$\",\"p\",null,{\"children\":[\"A TypeScript library for working with\",\" \",[\"$\",\"a\",null,{\"href\":\"https://research.google/blog/turbo-an-improved-rainbow-colormap-for-visualization/\",\"children\":\"Turbo\"}],\", an improved rainbow colormap for visual­ization. Turbo is often used for depth maps. This library includes the ability to “uncolormap” Turbo, converting values back to normalized floats or grayscale intensities. In addition to the library, you can also use this demo page to perform quick color and image conversions.\"]}],[\"$\",\"p\",null,{\"children\":[\"This library generates more faithful values than the d3 approx­imation of Turbo found in\",\" \",[\"$\",\"a\",null,{\"href\":\"https://github.com/d3/d3-scale-chromatic\",\"children\":\"d3-scale-chromatic\"}],\".\"]}],[\"$\",\"div\",null,{\"className\":\"page_Starter__FE66H\",\"children\":[[\"$\",\"p\",null,{\"children\":[\"See the\",\" \",[\"$\",\"a\",null,{\"href\":\"https://github.com/exogen/turbo-colormap\",\"children\":\"README on GitHub\"}],\".\"]}],[\"$\",\"p\",null,{\"className\":\"page_CodeBlock__7_Pgq\",\"children\":[\"$\",\"code\",null,{\"children\":\"npm install turbo-colormap\"}]}]]}],[\"$\",\"section\",null,{\"children\":[[\"$\",\"h2\",null,{\"children\":[\"$\",\"em\",null,{\"children\":\"color converter\"}]}],[\"$\",\"p\",null,{\"className\":\"page_Description__64yKG\",\"children\":\"Two-way conversion between grayscale intensity and Turbo.\"}],[\"$\",\"$L8\",null,{}]]}],[\"$\",\"section\",null,{\"children\":[[\"$\",\"h2\",null,{\"children\":[\"$\",\"em\",null,{\"children\":\"image converter\"}]}],[\"$\",\"p\",null,{\"className\":\"page_Description__64yKG\",\"children\":\"Some tools expect grayscale depth maps. Load images into the area below to convert between grayscale and Turbo images. Conversion is done client-side; all data stays in your browser.\"}],[\"$\",\"$L9\",null,{}]]}],[\"$\",\"section\",null,{\"children\":[[\"$\",\"h2\",null,{\"children\":[\"$\",\"em\",null,{\"children\":\"nearest color\"}]}],[\"$\",\"p\",null,{\"className\":\"page_Description__64yKG\",\"children\":\"Snap arbitrary colors to the indexed Turbo palette. This can yield surprising results with much of the sRGB color space; it’s mostly useful for interpreting visual­izations exported with an approx­imation of Turbo or a lossy format like JPEG, where not every pixel will be in the Turbo lookup table.\"}],[\"$\",\"p\",null,{\"className\":\"page_Description__64yKG\",\"children\":\"The nearest color is determined by simple Euclidian distance using a k-d tree.\"}],[\"$\",\"$La\",null,{}]]}]],[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/turbo-colormap/_next/static/css/1a71d42b5e4771d9.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/turbo-colormap/_next/static/css/79d670358bd86bcc.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_42c616\",\"children\":[\"$\",\"body\",null,{\"children\":[[\"$\",\"main\",null,{\"children\":[\"$\",\"$Lb\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lc\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]}],[\"$\",\"footer\",null,{\"children\":[[\"$\",\"div\",null,{\"className\":\"thanks\",\"children\":[[\"$\",\"p\",null,{\"children\":\"Wanna say thanks?\"}],[\"$\",\"a\",null,{\"href\":\"https://www.buymeacoffee.com/mosswood\",\"target\":\"_blank\",\"children\":[\"$\",\"img\",null,{\"width\":217,\"height\":60,\"src\":\"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png\",\"alt\":\"Buy Me A Coffee\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"consulting\",\"children\":[\"Wanna do fancy stuff on the Web?\",[\"$\",\"br\",null,{}],\"I’m available for consulting, just\",\" \",[\"$\",\"a\",null,{\"href\":\"https://brianbeck.com\",\"children\":\"get in touch!\"}]]}],[\"$\",\"nav\",null,{\"children\":[\"$\",\"ul\",null,{\"children\":[[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://hachyderm.io/@exogen\",\"rel\":\"noopener\",\"aria-label\":\"exogen on Hachyderm\",\"title\":\"exogen on Hachyderm\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 448 512\",\"className\":\"icon\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]}],[\"$\",\"li\",null,{\"children\":[\"$\",\"a\",null,{\"href\":\"https://github.com/exogen\",\"rel\":\"noopener\",\"aria-label\":\"exogen on GitHub\",\"title\":\"exogen on GitHub\",\"children\":[\"$\",\"svg\",null,{\"stroke\":\"currentColor\",\"fill\":\"currentColor\",\"strokeWidth\":\"0\",\"viewBox\":\"0 0 496 512\",\"className\":\"icon\",\"children\":[\"$undefined\",[[\"$\",\"path\",\"0\",{\"d\":\"$d\",\"children\":[]}]]],\"style\":{\"color\":\"$undefined\"},\"height\":\"1em\",\"width\":\"1em\",\"xmlns\":\"http://www.w3.org/2000/svg\"}]}]}]]}]}]]}]]}]}]],null],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$Le\"],\"globalErrorComponent\":\"$f\",\"missingSlots\":\"$W10\"}]\n"])</script><script>self.__next_f.push([1,"e:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=320, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"2\",{\"children\":\"turbo-colormap: A TypeScript library for working with the Turbo colormap\"}],[\"$\",\"meta\",\"3\",{\"name\":\"next-size-adjust\"}]]\n6:null\n"])</script></body></html>
\ No newline at end of file
diff --git a/docs/index.txt b/docs/index.txt
index ec11e54..e29f445 100644
--- a/docs/index.txt
+++ b/docs/index.txt
@@ -1,8 +1,8 @@
-3:I[2817,["947","static/chunks/57243224-05984c2d75228c8d.js","467","static/chunks/75daf03c-a0f7eedcc4c17049.js","491","static/chunks/d8d4a831-10bef37d95d95755.js","79","static/chunks/79-dc62408d0c208980.js","931","static/chunks/app/page-fec68a5577a2e826.js"],"ColorConvert"]
-4:I[2817,["947","static/chunks/57243224-05984c2d75228c8d.js","467","static/chunks/75daf03c-a0f7eedcc4c17049.js","491","static/chunks/d8d4a831-10bef37d95d95755.js","79","static/chunks/79-dc62408d0c208980.js","931","static/chunks/app/page-fec68a5577a2e826.js"],"ImageConvert"]
-5:I[2817,["947","static/chunks/57243224-05984c2d75228c8d.js","467","static/chunks/75daf03c-a0f7eedcc4c17049.js","491","static/chunks/d8d4a831-10bef37d95d95755.js","79","static/chunks/79-dc62408d0c208980.js","931","static/chunks/app/page-fec68a5577a2e826.js"],"Quantizer"]
+3:I[2817,["947","static/chunks/57243224-05984c2d75228c8d.js","467","static/chunks/75daf03c-a0f7eedcc4c17049.js","491","static/chunks/d8d4a831-10bef37d95d95755.js","79","static/chunks/79-dc62408d0c208980.js","931","static/chunks/app/page-a093ff4dc3a3e529.js"],"ColorConvert"]
+4:I[2817,["947","static/chunks/57243224-05984c2d75228c8d.js","467","static/chunks/75daf03c-a0f7eedcc4c17049.js","491","static/chunks/d8d4a831-10bef37d95d95755.js","79","static/chunks/79-dc62408d0c208980.js","931","static/chunks/app/page-a093ff4dc3a3e529.js"],"ImageConvert"]
+5:I[2817,["947","static/chunks/57243224-05984c2d75228c8d.js","467","static/chunks/75daf03c-a0f7eedcc4c17049.js","491","static/chunks/d8d4a831-10bef37d95d95755.js","79","static/chunks/79-dc62408d0c208980.js","931","static/chunks/app/page-a093ff4dc3a3e529.js"],"Quantizer"]
 6:I[1742,[],""]
 7:I[9121,[],""]
-2:T518,M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z8:T518,M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z0:["FJvtvnjf3bKxMO8SYQRcW",[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],["",{"children":["__PAGE__",{},[["$L1",[["$","header",null,{"children":[["$","h1",null,{"children":"turbo-colormap "}],["$","a",null,{"href":"https://github.com/exogen/turbo-colormap","children":["$","svg",null,{"stroke":"currentColor","fill":"currentColor","strokeWidth":"0","viewBox":"0 0 496 512","className":"icon","children":["$undefined",[["$","path","0",{"d":"$2","children":[]}]]],"style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}]}]]}],["$","p",null,{"children":["A TypeScript library for working with"," ",["$","a",null,{"href":"https://research.google/blog/turbo-an-improved-rainbow-colormap-for-visualization/","children":"Turbo"}],", an improved rainbow colormap for visual­ization. Turbo is often used for depth maps. This library includes the ability to “uncolormap” Turbo, converting values back to normalized floats or grayscale intensities. In addition to the library, you can also use this demo page to perform quick color and image conversions."]}],["$","p",null,{"children":["This library generates more faithful values than the d3 approx­imation of Turbo found in"," ",["$","a",null,{"href":"https://github.com/d3/d3-scale-chromatic","children":"d3-scale-chromatic"}],"."]}],["$","div",null,{"className":"page_Starter__FE66H","children":[["$","p",null,{"children":["See the"," ",["$","a",null,{"href":"https://github.com/exogen/turbo-colormap","children":"README on GitHub"}],"."]}],["$","p",null,{"className":"page_CodeBlock__7_Pgq","children":["$","code",null,{"children":"npm install turbo-colormap"}]}]]}],["$","section",null,{"children":[["$","h2",null,{"children":["$","em",null,{"children":"color converter"}]}],["$","p",null,{"className":"page_Description__64yKG","children":"Two-way conversion between grayscale intensity and Turbo."}],["$","$L3",null,{}]]}],["$","section",null,{"children":[["$","h2",null,{"children":["$","em",null,{"children":"image converter"}]}],["$","p",null,{"className":"page_Description__64yKG","children":"Some tools expect grayscale depth maps. Load images into the area below to convert between grayscale and Turbo images. Conversion is done client-side; all data stays in your browser."}],["$","$L4",null,{}]]}],["$","section",null,{"children":[["$","h2",null,{"children":["$","em",null,{"children":"nearest color"}]}],["$","p",null,{"className":"page_Description__64yKG","children":"Snap arbitrary colors to the indexed Turbo palette. This can yield surprising results with much of the sRGB color space; it’s mostly useful for interpreting visual­izations exported with an approx­imation of Turbo or a lossy format like JPEG, where the colors won’t be in the Turbo lookup table."}],["$","p",null,{"className":"page_Description__64yKG","children":"The nearest color is determined by simple Euclidian distance using a k-d tree."}],["$","$L5",null,{}]]}]],[["$","link","0",{"rel":"stylesheet","href":"/turbo-colormap/_next/static/css/1a71d42b5e4771d9.css","precedence":"next","crossOrigin":"$undefined"}]]],null],null]},[[[["$","link","0",{"rel":"stylesheet","href":"/turbo-colormap/_next/static/css/79d670358bd86bcc.css","precedence":"next","crossOrigin":"$undefined"}]],["$","html",null,{"lang":"en","className":"__variable_42c616","children":["$","body",null,{"children":[["$","main",null,{"children":["$","$L6",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L7",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[]}]}],["$","footer",null,{"children":[["$","div",null,{"className":"thanks","children":[["$","p",null,{"children":"Wanna say thanks?"}],["$","a",null,{"href":"https://www.buymeacoffee.com/mosswood","target":"_blank","children":["$","img",null,{"width":217,"height":60,"src":"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png","alt":"Buy Me A Coffee"}]}]]}],["$","div",null,{"className":"consulting","children":["Wanna do fancy stuff on the Web?",["$","br",null,{}],"I’m available for consulting, just"," ",["$","a",null,{"href":"https://brianbeck.com","children":"get in touch!"}]]}],["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","a",null,{"href":"https://hachyderm.io/@exogen","rel":"noopener","aria-label":"exogen on Hachyderm","title":"exogen on Hachyderm","children":["$","svg",null,{"stroke":"currentColor","fill":"currentColor","strokeWidth":"0","viewBox":"0 0 448 512","className":"icon","children":["$undefined",[["$","path","0",{"d":"M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z","children":[]}]]],"style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}]}]}],["$","li",null,{"children":["$","a",null,{"href":"https://github.com/exogen","rel":"noopener","aria-label":"exogen on GitHub","title":"exogen on GitHub","children":["$","svg",null,{"stroke":"currentColor","fill":"currentColor","strokeWidth":"0","viewBox":"0 0 496 512","className":"icon","children":["$undefined",[["$","path","0",{"d":"$8","children":[]}]]],"style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}]}]}]]}]}]]}]]}]}]],null],null],["$L9",null]]]]
+2:T518,M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z8:T518,M165.9 397.4c0 2-2.3 3.6-5.2 3.6-3.3.3-5.6-1.3-5.6-3.6 0-2 2.3-3.6 5.2-3.6 3-.3 5.6 1.3 5.6 3.6zm-31.1-4.5c-.7 2 1.3 4.3 4.3 4.9 2.6 1 5.6 0 6.2-2s-1.3-4.3-4.3-5.2c-2.6-.7-5.5.3-6.2 2.3zm44.2-1.7c-2.9.7-4.9 2.6-4.6 4.9.3 2 2.9 3.3 5.9 2.6 2.9-.7 4.9-2.6 4.6-4.6-.3-1.9-3-3.2-5.9-2.9zM244.8 8C106.1 8 0 113.3 0 252c0 110.9 69.8 205.8 169.5 239.2 12.8 2.3 17.3-5.6 17.3-12.1 0-6.2-.3-40.4-.3-61.4 0 0-70 15-84.7-29.8 0 0-11.4-29.1-27.8-36.6 0 0-22.9-15.7 1.6-15.4 0 0 24.9 2 38.6 25.8 21.9 38.6 58.6 27.5 72.9 20.9 2.3-16 8.8-27.1 16-33.7-55.9-6.2-112.3-14.3-112.3-110.5 0-27.5 7.6-41.3 23.6-58.9-2.6-6.5-11.1-33.3 2.6-67.9 20.9-6.5 69 27 69 27 20-5.6 41.5-8.5 62.8-8.5s42.8 2.9 62.8 8.5c0 0 48.1-33.6 69-27 13.7 34.7 5.2 61.4 2.6 67.9 16 17.7 25.8 31.5 25.8 58.9 0 96.5-58.9 104.2-114.8 110.5 9.2 7.9 17 22.9 17 46.4 0 33.7-.3 75.4-.3 83.6 0 6.5 4.6 14.4 17.3 12.1C428.2 457.8 496 362.9 496 252 496 113.3 383.5 8 244.8 8zM97.2 352.9c-1.3 1-1 3.3.7 5.2 1.6 1.6 3.9 2.3 5.2 1 1.3-1 1-3.3-.7-5.2-1.6-1.6-3.9-2.3-5.2-1zm-10.8-8.1c-.7 1.3.3 2.9 2.3 3.9 1.6 1 3.6.7 4.3-.7.7-1.3-.3-2.9-2.3-3.9-2-.6-3.6-.3-4.3.7zm32.4 35.6c-1.6 1.3-1 4.3 1.3 6.2 2.3 2.3 5.2 2.6 6.5 1 1.3-1.3.7-4.3-1.3-6.2-2.2-2.3-5.2-2.6-6.5-1zm-11.4-14.7c-1.6 1-1.6 3.6 0 5.9 1.6 2.3 4.3 3.3 5.6 2.3 1.6-1.3 1.6-3.9 0-6.2-1.4-2.3-4-3.3-5.6-2z0:["5KBG7e5Qfr8Cb-zKKQA_Q",[[["",{"children":["__PAGE__",{}]},"$undefined","$undefined",true],["",{"children":["__PAGE__",{},[["$L1",[["$","header",null,{"children":[["$","h1",null,{"children":"turbo-colormap "}],["$","a",null,{"href":"https://github.com/exogen/turbo-colormap","children":["$","svg",null,{"stroke":"currentColor","fill":"currentColor","strokeWidth":"0","viewBox":"0 0 496 512","className":"icon","children":["$undefined",[["$","path","0",{"d":"$2","children":[]}]]],"style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}]}]]}],["$","p",null,{"children":["A TypeScript library for working with"," ",["$","a",null,{"href":"https://research.google/blog/turbo-an-improved-rainbow-colormap-for-visualization/","children":"Turbo"}],", an improved rainbow colormap for visual­ization. Turbo is often used for depth maps. This library includes the ability to “uncolormap” Turbo, converting values back to normalized floats or grayscale intensities. In addition to the library, you can also use this demo page to perform quick color and image conversions."]}],["$","p",null,{"children":["This library generates more faithful values than the d3 approx­imation of Turbo found in"," ",["$","a",null,{"href":"https://github.com/d3/d3-scale-chromatic","children":"d3-scale-chromatic"}],"."]}],["$","div",null,{"className":"page_Starter__FE66H","children":[["$","p",null,{"children":["See the"," ",["$","a",null,{"href":"https://github.com/exogen/turbo-colormap","children":"README on GitHub"}],"."]}],["$","p",null,{"className":"page_CodeBlock__7_Pgq","children":["$","code",null,{"children":"npm install turbo-colormap"}]}]]}],["$","section",null,{"children":[["$","h2",null,{"children":["$","em",null,{"children":"color converter"}]}],["$","p",null,{"className":"page_Description__64yKG","children":"Two-way conversion between grayscale intensity and Turbo."}],["$","$L3",null,{}]]}],["$","section",null,{"children":[["$","h2",null,{"children":["$","em",null,{"children":"image converter"}]}],["$","p",null,{"className":"page_Description__64yKG","children":"Some tools expect grayscale depth maps. Load images into the area below to convert between grayscale and Turbo images. Conversion is done client-side; all data stays in your browser."}],["$","$L4",null,{}]]}],["$","section",null,{"children":[["$","h2",null,{"children":["$","em",null,{"children":"nearest color"}]}],["$","p",null,{"className":"page_Description__64yKG","children":"Snap arbitrary colors to the indexed Turbo palette. This can yield surprising results with much of the sRGB color space; it’s mostly useful for interpreting visual­izations exported with an approx­imation of Turbo or a lossy format like JPEG, where not every pixel will be in the Turbo lookup table."}],["$","p",null,{"className":"page_Description__64yKG","children":"The nearest color is determined by simple Euclidian distance using a k-d tree."}],["$","$L5",null,{}]]}]],[["$","link","0",{"rel":"stylesheet","href":"/turbo-colormap/_next/static/css/1a71d42b5e4771d9.css","precedence":"next","crossOrigin":"$undefined"}]]],null],null]},[[[["$","link","0",{"rel":"stylesheet","href":"/turbo-colormap/_next/static/css/79d670358bd86bcc.css","precedence":"next","crossOrigin":"$undefined"}]],["$","html",null,{"lang":"en","className":"__variable_42c616","children":["$","body",null,{"children":[["$","main",null,{"children":["$","$L6",null,{"parallelRouterKey":"children","segmentPath":["children"],"error":"$undefined","errorStyles":"$undefined","errorScripts":"$undefined","template":["$","$L7",null,{}],"templateStyles":"$undefined","templateScripts":"$undefined","notFound":[["$","title",null,{"children":"404: This page could not be found."}],["$","div",null,{"style":{"fontFamily":"system-ui,\"Segoe UI\",Roboto,Helvetica,Arial,sans-serif,\"Apple Color Emoji\",\"Segoe UI Emoji\"","height":"100vh","textAlign":"center","display":"flex","flexDirection":"column","alignItems":"center","justifyContent":"center"},"children":["$","div",null,{"children":[["$","style",null,{"dangerouslySetInnerHTML":{"__html":"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}"}}],["$","h1",null,{"className":"next-error-h1","style":{"display":"inline-block","margin":"0 20px 0 0","padding":"0 23px 0 0","fontSize":24,"fontWeight":500,"verticalAlign":"top","lineHeight":"49px"},"children":"404"}],["$","div",null,{"style":{"display":"inline-block"},"children":["$","h2",null,{"style":{"fontSize":14,"fontWeight":400,"lineHeight":"49px","margin":0},"children":"This page could not be found."}]}]]}]}]],"notFoundStyles":[]}]}],["$","footer",null,{"children":[["$","div",null,{"className":"thanks","children":[["$","p",null,{"children":"Wanna say thanks?"}],["$","a",null,{"href":"https://www.buymeacoffee.com/mosswood","target":"_blank","children":["$","img",null,{"width":217,"height":60,"src":"https://cdn.buymeacoffee.com/buttons/v2/default-yellow.png","alt":"Buy Me A Coffee"}]}]]}],["$","div",null,{"className":"consulting","children":["Wanna do fancy stuff on the Web?",["$","br",null,{}],"I’m available for consulting, just"," ",["$","a",null,{"href":"https://brianbeck.com","children":"get in touch!"}]]}],["$","nav",null,{"children":["$","ul",null,{"children":[["$","li",null,{"children":["$","a",null,{"href":"https://hachyderm.io/@exogen","rel":"noopener","aria-label":"exogen on Hachyderm","title":"exogen on Hachyderm","children":["$","svg",null,{"stroke":"currentColor","fill":"currentColor","strokeWidth":"0","viewBox":"0 0 448 512","className":"icon","children":["$undefined",[["$","path","0",{"d":"M433 179.11c0-97.2-63.71-125.7-63.71-125.7-62.52-28.7-228.56-28.4-290.48 0 0 0-63.72 28.5-63.72 125.7 0 115.7-6.6 259.4 105.63 289.1 40.51 10.7 75.32 13 103.33 11.4 50.81-2.8 79.32-18.1 79.32-18.1l-1.7-36.9s-36.31 11.4-77.12 10.1c-40.41-1.4-83-4.4-89.63-54a102.54 102.54 0 0 1-.9-13.9c85.63 20.9 158.65 9.1 178.75 6.7 56.12-6.7 105-41.3 111.23-72.9 9.8-49.8 9-121.5 9-121.5zm-75.12 125.2h-46.63v-114.2c0-49.7-64-51.6-64 6.9v62.5h-46.33V197c0-58.5-64-56.6-64-6.9v114.2H90.19c0-122.1-5.2-147.9 18.41-175 25.9-28.9 79.82-30.8 103.83 6.1l11.6 19.5 11.6-19.5c24.11-37.1 78.12-34.8 103.83-6.1 23.71 27.3 18.4 53 18.4 175z","children":[]}]]],"style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}]}]}],["$","li",null,{"children":["$","a",null,{"href":"https://github.com/exogen","rel":"noopener","aria-label":"exogen on GitHub","title":"exogen on GitHub","children":["$","svg",null,{"stroke":"currentColor","fill":"currentColor","strokeWidth":"0","viewBox":"0 0 496 512","className":"icon","children":["$undefined",[["$","path","0",{"d":"$8","children":[]}]]],"style":{"color":"$undefined"},"height":"1em","width":"1em","xmlns":"http://www.w3.org/2000/svg"}]}]}]]}]}]]}]]}]}]],null],null],["$L9",null]]]]
 9:[["$","meta","0",{"name":"viewport","content":"width=320, initial-scale=1"}],["$","meta","1",{"charSet":"utf-8"}],["$","title","2",{"children":"turbo-colormap: A TypeScript library for working with the Turbo colormap"}],["$","meta","3",{"name":"next-size-adjust"}]]
 1:null