RecipesRegister Color Spaces
Linear P3
A recipe to register the Linear Display P3 color space in Saturon.
Implementation
import { Color } from "saturon";
import { MATRICES } from "saturon/converters";
/**
* @see {@link https://www.w3.org/TR/css-color-4/|CSS Color Module Level 4}
*/
Color.register("color-spaces", [
{
name: "display-p3-linear",
value: {
components: ["r", "g", "b"],
bridge: "xyz-d65",
toBridgeMatrix: MATRICES.P3_to_XYZD65,
fromBridgeMatrix: MATRICES.XYZD65_to_P3,
},
},
]);Usage
import { Color } from "saturon";
const valid = Color.isValid("color(display-p3-linear 1 0 0)");
console.log(valid); // true
const color = new Color("display-p3-linear", [1, 0, 0]);
const inGamut = color.inGamut("display-p3-linear");
console.log(inGamut); // true
```ss