Use p3 for gamut checks (#108)

* Use p3 for gamut checks, appears to be more accurate

* doh

packages/palette/src/Color.test.ts

@@ -76,3 +76,26 @@ test("All color spaces do round trip to each other correctly", () => {
     );
   });
 });
+
+test("In gamut tests", () => {
+  const colors = [
+    "#f00",
+    "#ff0",
+    "#0f0",
+    "#0ff",
+    "#00f",
+    "#f0f",
+    "#fff",
+    "#888",
+    "#000",
+  ];
+  const spaces = ["lab"];
+  colors.forEach((color) => {
+    spaces.forEach((space) => {
+      const colorObj = Color.colorFromHex(color, space as any);
+      expect(colorObj.inGamut(), `${color} from ${space} to be in gamut`).toBe(
+        true
+      );
+    });
+  });
+});

packages/palette/src/Color.ts

@@ -81,7 +81,7 @@ export class Color {
     if (InGamutCache.has(key)) {
       return InGamutCache.get(key)!;
     }
-    const result = this.toColorIO().inGamut("srgb");
+    const result = this.toColorIO().to("p3", { inGamut: false }).inGamut();
     InGamutCache.set(key, result);
     return result;
   }