Multiple color functions (#119)

Based on spec from meeting. Start at a random hue h1, functions specify increment to h2 and then h3 is (h1+180).

lib/random-colors.ts

@@ -4,13 +4,19 @@ import * as colorspaces from "colorspaces";
 import { ColorTuple, hsluvToHex } from "hsluv";
 
 type RandomPaletteGenerator = (numEntries: number, rng: Random) => string[];
+type ColorFunction = (rng: Random) => string[];
 
 export type RandomPaletteAlgorithm =
   | "RGB"
   | "CIELUV"
   | "threevals"
-  | "huecontrast"
+  | "randgrey"
-  | "randgrey";
+  | "threev15"
+  | "threev30"
+  | "threev45"
+  | "threev60"
+  | "threev75"
+  | "threev90";
 
 export const DEFAULT_RANDOM_PALETTE_ALGORITHM: RandomPaletteAlgorithm =
   "threevals";
@@ -91,22 +97,22 @@ function createRandGrey(rng: Random): string[] {
   return hexcolors;
 }
 
-function create3HColor(rng: Random): string[] {
+function create3V180(angle1: number): ColorFunction {
-  let L = rng.fromGaussian({ mean: 50, stddev: 20 });
+  return (rng: Random): string[] => {
-
+    let Ls = [25, 50, 75];
-  let Ls = [L, L, L];
-
-  Ls = Ls.map((x) => clamp(x, 0, 100));
 
+    //Now we have 3 lightness values, pick a random hue and sat
     let h1 = rng.inInterval({ min: 0, max: 360 }),
-    h2 = 360 * (((h1 + 120) / 360) % 1),
+      h2 = 360 * (((h1 + angle1) / 360) % 1),
-    h3 = 360 * (((h1 + 240) / 360) % 1);
+      h3 = 360 * (((180 - h2) / 360) % 1);
-
     let Hs = [h1, h2, h3];
+    console.log(Hs);
 
-  let S = 100;
+    let Ss = [
-  let Ss = [S, S, S];
+      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
@@ -116,6 +122,7 @@ function create3HColor(rng: Random): string[] {
     //scramble order
     hexcolors = rng.uniqueChoices(hexcolors, hexcolors.length);
     return hexcolors;
+  };
 }
 
 function create3VColor(rng: Random): string[] {
@@ -198,8 +205,13 @@ const PALETTE_GENERATORS: {
   RGB: createSimplePaletteGenerator(createRandomRGBColor),
   CIELUV: createSimplePaletteGenerator(createRandomCIELUVColor),
   threevals: createTriadPaletteGenerator(create3VColor),
-  huecontrast: createTriadPaletteGenerator(create3HColor),
   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(