Small changes to colors, commented out old funcs.

lib/random-colors.ts

@@ -6,17 +6,14 @@ import { ColorTuple, hsluvToHex } from "hsluv";
 type RandomPaletteGenerator = (numEntries: number, rng: Random) => string[];
 type ColorFunction = (rng: Random) => string[];
 
-export type RandomPaletteAlgorithm =
-  | "RGB"
-  | "CIELUV"
-  | "threevals"
-  | "randgrey"
-  | "threev15"
-  | "threev30"
-  | "threev45"
-  | "threev60"
-  | "threev75"
-  | "threev90";
+export type RandomPaletteAlgorithm = "RGB" | "CIELUV" | "threevals";
+//  | "randgrey"
+//  | "threev15"
+//  | "threev30"
+//  | "threev45"
+//  | "threev60"
+//  | "threev75"
+//  | "threev90";
 
 export const DEFAULT_RANDOM_PALETTE_ALGORITHM: RandomPaletteAlgorithm =
   "threevals";
@@ -107,7 +104,6 @@ function create3V180(angle1: number): ColorFunction {
       h3 = 360 * (((h1 + 180) / 360) % 1);
 
     let Hs = [h1, h2, h3];
-    console.log(Hs);
 
     let Ss = [
       rng.fromGaussian({ mean: 100, stddev: 40 }),
@@ -126,7 +122,42 @@ function create3V180(angle1: number): ColorFunction {
   };
 }
 
-function create3VColor(rng: Random): string[] {
+function threeVColor(rng: Random): string[] {
+  let L1 = rng.inInterval({ min: 0, max: 33 });
+  let L2 = rng.inInterval({ min: L1 + 25, max: 66 });
+  let L3 = rng.inInterval({ min: L2 + 25, max: 100 });
+
+  let Ls = [25, 50, 75];
+
+  let angleI = rng.inInterval({ min: 0, max: 120 });
+
+  //Now we have 3 lightness values, pick a random hue and sat
+  let h1 = rng.inInterval({ min: 0, max: 360 }),
+    h2 = h1 + angleI,
+    h3 = 360 * ((((h1 + h2) / 2 + 180) / 360) % 1);
+
+  h2 = 360 * ((h2 / 360) % 1);
+
+  let Hs = [h1, h2, h3];
+
+  let Ss = [
+    rng.fromGaussian({ mean: 100, stddev: 40 }),
+    rng.fromGaussian({ mean: 100, stddev: 40 }),
+    rng.fromGaussian({ mean: 100, stddev: 40 }),
+  ];
+  Ss = Ss.map((x) => clamp(x, 0, 100));
+
+  //zip
+  let hsls = Ls.map((k, i) => [Hs[i], Ss[i], k]);
+  let hexcolors = hsls.map((x) => hsluvToHex(x as ColorTuple));
+
+  //scramble order
+  hexcolors = rng.uniqueChoices(hexcolors, hexcolors.length);
+  return hexcolors;
+}
+
+/*
+function threeVColor(rng: Random): string[] {
   let lowL_Mean = 20.0,
     medL_Mean = 40.0,
     hiL_Mean = 70,
@@ -165,6 +196,7 @@ function create3VColor(rng: Random): string[] {
   hexcolors = rng.uniqueChoices(hexcolors, hexcolors.length);
   return hexcolors;
 }
+*/
 
 /**
  * Factory function to take a function that generates a random color
@@ -205,14 +237,14 @@ const PALETTE_GENERATORS: {
 } = {
   RGB: createSimplePaletteGenerator(createRandomRGBColor),
   CIELUV: createSimplePaletteGenerator(createRandomCIELUVColor),
-  threevals: createTriadPaletteGenerator(create3VColor),
-  randgrey: createTriadPaletteGenerator(createRandGrey),
-  threev15: createTriadPaletteGenerator(create3V180(15)),
-  threev30: createTriadPaletteGenerator(create3V180(15)),
-  threev45: createTriadPaletteGenerator(create3V180(45)),
-  threev60: createTriadPaletteGenerator(create3V180(60)),
-  threev75: createTriadPaletteGenerator(create3V180(75)),
-  threev90: createTriadPaletteGenerator(create3V180(90)),
+  threevals: createTriadPaletteGenerator(threeVColor),
+  //randgrey: createTriadPaletteGenerator(createRandGrey),
+  //threev15: createTriadPaletteGenerator(create3V180(15)),
+  //threev30: createTriadPaletteGenerator(create3V180(15)),
+  //threev45: createTriadPaletteGenerator(create3V180(45)),
+  //threev60: createTriadPaletteGenerator(create3V180(60)),
+  //threev75: createTriadPaletteGenerator(create3V180(75)),
+  //threev90: createTriadPaletteGenerator(create3V180(90)),
 };
 
 export const RANDOM_PALETTE_ALGORITHMS = Object.keys(