color-elements 0.0.1

package/lib/colorjs.io/src/keywords.js

@@ -0,0 +1,158 @@
+/* List of CSS color keywords
+ * Note that this does not include currentColor, transparent,
+ * or system colors
+ */
+
+// To produce: Visit https://www.w3.org/TR/css-color-4/#named-colors
+// and run in the console:
+// copy($$("tr", $(".named-color-table tbody")).map(tr => `"${tr.cells[2].textContent.trim()}": [${tr.cells[4].textContent.trim().split(/\s+/).map(c => c === "0"? "0" : c === "255"? "1" : c + " / 255").join(", ")}]`).join(",\n"))
+export default {
+	"aliceblue": [240 / 255, 248 / 255, 1],
+	"antiquewhite": [250 / 255, 235 / 255, 215 / 255],
+	"aqua": [0, 1, 1],
+	"aquamarine": [127 / 255, 1, 212 / 255],
+	"azure": [240 / 255, 1, 1],
+	"beige": [245 / 255, 245 / 255, 220 / 255],
+	"bisque": [1, 228 / 255, 196 / 255],
+	"black": [0, 0, 0],
+	"blanchedalmond": [1, 235 / 255, 205 / 255],
+	"blue": [0, 0, 1],
+	"blueviolet": [138 / 255, 43 / 255, 226 / 255],
+	"brown": [165 / 255, 42 / 255, 42 / 255],
+	"burlywood": [222 / 255, 184 / 255, 135 / 255],
+	"cadetblue": [95 / 255, 158 / 255, 160 / 255],
+	"chartreuse": [127 / 255, 1, 0],
+	"chocolate": [210 / 255, 105 / 255, 30 / 255],
+	"coral": [1, 127 / 255, 80 / 255],
+	"cornflowerblue": [100 / 255, 149 / 255, 237 / 255],
+	"cornsilk": [1, 248 / 255, 220 / 255],
+	"crimson": [220 / 255, 20 / 255, 60 / 255],
+	"cyan": [0, 1, 1],
+	"darkblue": [0, 0, 139 / 255],
+	"darkcyan": [0, 139 / 255, 139 / 255],
+	"darkgoldenrod": [184 / 255, 134 / 255, 11 / 255],
+	"darkgray": [169 / 255, 169 / 255, 169 / 255],
+	"darkgreen": [0, 100 / 255, 0],
+	"darkgrey": [169 / 255, 169 / 255, 169 / 255],
+	"darkkhaki": [189 / 255, 183 / 255, 107 / 255],
+	"darkmagenta": [139 / 255, 0, 139 / 255],
+	"darkolivegreen": [85 / 255, 107 / 255, 47 / 255],
+	"darkorange": [1, 140 / 255, 0],
+	"darkorchid": [153 / 255, 50 / 255, 204 / 255],
+	"darkred": [139 / 255, 0, 0],
+	"darksalmon": [233 / 255, 150 / 255, 122 / 255],
+	"darkseagreen": [143 / 255, 188 / 255, 143 / 255],
+	"darkslateblue": [72 / 255, 61 / 255, 139 / 255],
+	"darkslategray": [47 / 255, 79 / 255, 79 / 255],
+	"darkslategrey": [47 / 255, 79 / 255, 79 / 255],
+	"darkturquoise": [0, 206 / 255, 209 / 255],
+	"darkviolet": [148 / 255, 0, 211 / 255],
+	"deeppink": [1, 20 / 255, 147 / 255],
+	"deepskyblue": [0, 191 / 255, 1],
+	"dimgray": [105 / 255, 105 / 255, 105 / 255],
+	"dimgrey": [105 / 255, 105 / 255, 105 / 255],
+	"dodgerblue": [30 / 255, 144 / 255, 1],
+	"firebrick": [178 / 255, 34 / 255, 34 / 255],
+	"floralwhite": [1, 250 / 255, 240 / 255],
+	"forestgreen": [34 / 255, 139 / 255, 34 / 255],
+	"fuchsia": [1, 0, 1],
+	"gainsboro": [220 / 255, 220 / 255, 220 / 255],
+	"ghostwhite": [248 / 255, 248 / 255, 1],
+	"gold": [1, 215 / 255, 0],
+	"goldenrod": [218 / 255, 165 / 255, 32 / 255],
+	"gray": [128 / 255, 128 / 255, 128 / 255],
+	"green": [0, 128 / 255, 0],
+	"greenyellow": [173 / 255, 1, 47 / 255],
+	"grey": [128 / 255, 128 / 255, 128 / 255],
+	"honeydew": [240 / 255, 1, 240 / 255],
+	"hotpink": [1, 105 / 255, 180 / 255],
+	"indianred": [205 / 255, 92 / 255, 92 / 255],
+	"indigo": [75 / 255, 0, 130 / 255],
+	"ivory": [1, 1, 240 / 255],
+	"khaki": [240 / 255, 230 / 255, 140 / 255],
+	"lavender": [230 / 255, 230 / 255, 250 / 255],
+	"lavenderblush": [1, 240 / 255, 245 / 255],
+	"lawngreen": [124 / 255, 252 / 255, 0],
+	"lemonchiffon": [1, 250 / 255, 205 / 255],
+	"lightblue": [173 / 255, 216 / 255, 230 / 255],
+	"lightcoral": [240 / 255, 128 / 255, 128 / 255],
+	"lightcyan": [224 / 255, 1, 1],
+	"lightgoldenrodyellow": [250 / 255, 250 / 255, 210 / 255],
+	"lightgray": [211 / 255, 211 / 255, 211 / 255],
+	"lightgreen": [144 / 255, 238 / 255, 144 / 255],
+	"lightgrey": [211 / 255, 211 / 255, 211 / 255],
+	"lightpink": [1, 182 / 255, 193 / 255],
+	"lightsalmon": [1, 160 / 255, 122 / 255],
+	"lightseagreen": [32 / 255, 178 / 255, 170 / 255],
+	"lightskyblue": [135 / 255, 206 / 255, 250 / 255],
+	"lightslategray": [119 / 255, 136 / 255, 153 / 255],
+	"lightslategrey": [119 / 255, 136 / 255, 153 / 255],
+	"lightsteelblue": [176 / 255, 196 / 255, 222 / 255],
+	"lightyellow": [1, 1, 224 / 255],
+	"lime": [0, 1, 0],
+	"limegreen": [50 / 255, 205 / 255, 50 / 255],
+	"linen": [250 / 255, 240 / 255, 230 / 255],
+	"magenta": [1, 0, 1],
+	"maroon": [128 / 255, 0, 0],
+	"mediumaquamarine": [102 / 255, 205 / 255, 170 / 255],
+	"mediumblue": [0, 0, 205 / 255],
+	"mediumorchid": [186 / 255, 85 / 255, 211 / 255],
+	"mediumpurple": [147 / 255, 112 / 255, 219 / 255],
+	"mediumseagreen": [60 / 255, 179 / 255, 113 / 255],
+	"mediumslateblue": [123 / 255, 104 / 255, 238 / 255],
+	"mediumspringgreen": [0, 250 / 255, 154 / 255],
+	"mediumturquoise": [72 / 255, 209 / 255, 204 / 255],
+	"mediumvioletred": [199 / 255, 21 / 255, 133 / 255],
+	"midnightblue": [25 / 255, 25 / 255, 112 / 255],
+	"mintcream": [245 / 255, 1, 250 / 255],
+	"mistyrose": [1, 228 / 255, 225 / 255],
+	"moccasin": [1, 228 / 255, 181 / 255],
+	"navajowhite": [1, 222 / 255, 173 / 255],
+	"navy": [0, 0, 128 / 255],
+	"oldlace": [253 / 255, 245 / 255, 230 / 255],
+	"olive": [128 / 255, 128 / 255, 0],
+	"olivedrab": [107 / 255, 142 / 255, 35 / 255],
+	"orange": [1, 165 / 255, 0],
+	"orangered": [1, 69 / 255, 0],
+	"orchid": [218 / 255, 112 / 255, 214 / 255],
+	"palegoldenrod": [238 / 255, 232 / 255, 170 / 255],
+	"palegreen": [152 / 255, 251 / 255, 152 / 255],
+	"paleturquoise": [175 / 255, 238 / 255, 238 / 255],
+	"palevioletred": [219 / 255, 112 / 255, 147 / 255],
+	"papayawhip": [1, 239 / 255, 213 / 255],
+	"peachpuff": [1, 218 / 255, 185 / 255],
+	"peru": [205 / 255, 133 / 255, 63 / 255],
+	"pink": [1, 192 / 255, 203 / 255],
+	"plum": [221 / 255, 160 / 255, 221 / 255],
+	"powderblue": [176 / 255, 224 / 255, 230 / 255],
+	"purple": [128 / 255, 0, 128 / 255],
+	"rebeccapurple": [102 / 255, 51 / 255, 153 / 255],
+	"red": [1, 0, 0],
+	"rosybrown": [188 / 255, 143 / 255, 143 / 255],
+	"royalblue": [65 / 255, 105 / 255, 225 / 255],
+	"saddlebrown": [139 / 255, 69 / 255, 19 / 255],
+	"salmon": [250 / 255, 128 / 255, 114 / 255],
+	"sandybrown": [244 / 255, 164 / 255, 96 / 255],
+	"seagreen": [46 / 255, 139 / 255, 87 / 255],
+	"seashell": [1, 245 / 255, 238 / 255],
+	"sienna": [160 / 255, 82 / 255, 45 / 255],
+	"silver": [192 / 255, 192 / 255, 192 / 255],
+	"skyblue": [135 / 255, 206 / 255, 235 / 255],
+	"slateblue": [106 / 255, 90 / 255, 205 / 255],
+	"slategray": [112 / 255, 128 / 255, 144 / 255],
+	"slategrey": [112 / 255, 128 / 255, 144 / 255],
+	"snow": [1, 250 / 255, 250 / 255],
+	"springgreen": [0, 1, 127 / 255],
+	"steelblue": [70 / 255, 130 / 255, 180 / 255],
+	"tan": [210 / 255, 180 / 255, 140 / 255],
+	"teal": [0, 128 / 255, 128 / 255],
+	"thistle": [216 / 255, 191 / 255, 216 / 255],
+	"tomato": [1, 99 / 255, 71 / 255],
+	"turquoise": [64 / 255, 224 / 255, 208 / 255],
+	"violet": [238 / 255, 130 / 255, 238 / 255],
+	"wheat": [245 / 255, 222 / 255, 179 / 255],
+	"white": [1, 1, 1],
+	"whitesmoke": [245 / 255, 245 / 255, 245 / 255],
+	"yellow": [1, 1, 0],
+	"yellowgreen": [154 / 255, 205 / 255, 50 / 255],
+};

package/lib/colorjs.io/src/luminance.js

@@ -0,0 +1,27 @@
+/**
+ * Relative luminance
+ */
+import get from "./get.js";
+import set from "./set.js";
+import xyz_d65 from "./spaces/xyz-d65.js";
+
+export function getLuminance (color) {
+	// Assume getColor() is called on color in get()
+	return get(color, [xyz_d65, "y"]);
+}
+
+export function setLuminance (color, value) {
+	// Assume getColor() is called on color in set()
+	set(color, [xyz_d65, "y"], value);
+}
+
+export function register (Color) {
+	Object.defineProperty(Color.prototype, "luminance", {
+		get () {
+			return getLuminance(this);
+		},
+		set (value) {
+			setLuminance(this, value);
+		},
+	});
+}

package/lib/colorjs.io/src/multiply-matrices.js

@@ -0,0 +1,44 @@
+// A is m x n. B is n x p. product is m x p.
+export default function multiplyMatrices (A, B) {
+	let m = A.length;
+
+	if (!Array.isArray(A[0])) {
+		// A is vector, convert to [[a, b, c, ...]]
+		A = [A];
+	}
+
+	if (!Array.isArray(B[0])) {
+		// B is vector, convert to [[a], [b], [c], ...]]
+		B = B.map(x => [x]);
+	}
+
+	let p = B[0].length;
+	let B_cols = B[0].map((_, i) => B.map(x => x[i])); // transpose B
+	let product = A.map(row => B_cols.map(col => {
+		let ret = 0;
+
+		if (!Array.isArray(row)) {
+			for (let c of col) {
+				ret += row * c;
+			}
+
+			return ret;
+		}
+
+		for (let i = 0; i < row.length; i++) {
+			ret += row[i] * (col[i] || 0);
+		}
+
+		return ret;
+	}));
+
+	if (m === 1) {
+		product = product[0]; // Avoid [[a, b, c, ...]]
+	}
+
+	if (p === 1) {
+		return product.map(x => x[0]); // Avoid [[a], [b], [c], ...]]
+	}
+
+	return product;
+}

package/lib/colorjs.io/src/parse.js

@@ -0,0 +1,198 @@
+import * as util from "./util.js";
+import hooks from "./hooks.js";
+import ColorSpace from "./space.js";
+import defaults from "./defaults.js";
+
+const noneTypes = new Set(["<number>", "<percentage>", "<angle>"]);
+
+/**
+ * Validates the coordinates of a color against a format's coord grammar and
+ * maps the coordinates to the range or refRange of the coordinates.
+ * @param {ColorSpace} space - Colorspace the coords are in
+ * @param {object} format - the format object to validate against
+ * @param {string} name - the name of the color function. e.g. "oklab" or "color"
+ * @returns {object[]} - an array of type metadata for each coordinate
+ */
+function coerceCoords (space, format, name, coords) {
+	let types = Object.entries(space.coords).map(([id, coordMeta], i) => {
+		let coordGrammar = format.coordGrammar[i];
+		let arg = coords[i];
+		let providedType = arg?.type;
+
+		// Find grammar alternative that matches the provided type
+		// Non-strict equals is intentional because we are comparing w/ string objects
+		let type;
+		if (arg.none) {
+			type = coordGrammar.find(c => noneTypes.has(c));
+		}
+		else {
+			type = coordGrammar.find(c => c == providedType);
+		}
+
+		// Check that each coord conforms to its grammar
+		if (!type) {
+			// Type does not exist in the grammar, throw
+			let coordName = coordMeta.name || id;
+			throw new TypeError(`${providedType ?? arg.raw} not allowed for ${coordName} in ${name}()`);
+		}
+
+		let fromRange = type.range;
+
+		if (providedType === "<percentage>") {
+			fromRange ||= [0, 1];
+		}
+
+		let toRange = coordMeta.range || coordMeta.refRange;
+
+		if (fromRange && toRange) {
+			coords[i] = util.mapRange(fromRange, toRange, coords[i]);
+		}
+
+		return type;
+	});
+
+	return types;
+}
+
+
+/**
+ * Convert a CSS Color string to a color object
+ * @param {string} str
+ * @param {object} [options]
+ * @param {object} [options.meta] - Object for additional information about the parsing
+ * @returns {Color}
+ */
+export default function parse (str, {meta} = {}) {
+	let env = {"str": String(str)?.trim()};
+	hooks.run("parse-start", env);
+
+	if (env.color) {
+		return env.color;
+	}
+
+	env.parsed = util.parseFunction(env.str);
+
+	if (env.parsed) {
+		// Is a functional syntax
+		let name = env.parsed.name;
+
+		if (name === "color") {
+			// color() function
+			let id = env.parsed.args.shift();
+			// Check against both <dashed-ident> and <ident> versions
+			let alternateId = id.startsWith("--") ? id.substring(2) : `--${id}`;
+			let ids = [id, alternateId];
+			let alpha = env.parsed.rawArgs.indexOf("/") > 0 ? env.parsed.args.pop() : 1;
+
+			for (let space of ColorSpace.all) {
+				let colorSpec = space.getFormat("color");
+
+				if (colorSpec) {
+					if (ids.includes(colorSpec.id) || colorSpec.ids?.filter((specId) => ids.includes(specId)).length) {
+						// From https://drafts.csswg.org/css-color-4/#color-function
+						// If more <number>s or <percentage>s are provided than parameters that the colorspace takes, the excess <number>s at the end are ignored.
+						// If less <number>s or <percentage>s are provided than parameters that the colorspace takes, the missing parameters default to 0. (This is particularly convenient for multichannel printers where the additional inks are spot colors or varnishes that most colors on the page won’t use.)
+						const coords = Object.keys(space.coords).map((_, i) => env.parsed.args[i] || 0);
+
+						let types;
+
+						if (colorSpec.coordGrammar) {
+							types = coerceCoords(space, colorSpec, "color", coords);
+						}
+
+						if (meta) {
+							Object.assign(meta, {formatId: "color", types});
+						}
+
+						if (colorSpec.id.startsWith("--") && !id.startsWith("--")) {
+							defaults.warn(`${space.name} is a non-standard space and not currently supported in the CSS spec. ` +
+							              `Use prefixed color(${colorSpec.id}) instead of color(${id}).`);
+						}
+						if (id.startsWith("--") && !colorSpec.id.startsWith("--")) {
+							defaults.warn(`${space.name} is a standard space and supported in the CSS spec. ` +
+							              `Use color(${colorSpec.id}) instead of prefixed color(${id}).`);
+						}
+
+						return {spaceId: space.id, coords, alpha};
+					}
+				}
+			}
+
+			// Not found
+			let didYouMean = "";
+			let registryId = id in ColorSpace.registry ? id : alternateId;
+			if (registryId in ColorSpace.registry) {
+				// Used color space id instead of color() id, these are often different
+				let cssId = ColorSpace.registry[registryId].formats?.color?.id;
+
+				if (cssId) {
+					didYouMean = `Did you mean color(${cssId})?`;
+				}
+			}
+
+			throw new TypeError(`Cannot parse color(${id}). ` + (didYouMean || "Missing a plugin?"));
+		}
+		else {
+			for (let space of ColorSpace.all) {
+				// color space specific function
+				let format = space.getFormat(name);
+				if (format && format.type === "function") {
+					let alpha = 1;
+
+					if (format.lastAlpha || util.last(env.parsed.args).alpha) {
+						alpha = env.parsed.args.pop();
+					}
+
+					let coords = env.parsed.args;
+
+					let types;
+
+					if (format.coordGrammar) {
+						types = coerceCoords(space, format, name, coords);
+					}
+
+					if (meta) {
+						Object.assign(meta, {formatId: format.name, types});
+					}
+
+					return {
+						spaceId: space.id,
+						coords, alpha,
+					};
+				}
+			}
+		}
+	}
+	else {
+		// Custom, colorspace-specific format
+		for (let space of ColorSpace.all) {
+			for (let formatId in space.formats) {
+				let format = space.formats[formatId];
+
+				if (format.type !== "custom") {
+					continue;
+				}
+
+				if (format.test && !format.test(env.str)) {
+					continue;
+				}
+
+				let color = format.parse(env.str);
+
+				if (color) {
+					color.alpha ??= 1;
+
+					if (meta) {
+						meta.formatId = formatId;
+					}
+
+					return color;
+				}
+			}
+		}
+	}
+
+
+	// If we're here, we couldn't parse
+	throw new TypeError(`Could not parse ${str} as a color. Missing a plugin?`);
+}

package/lib/colorjs.io/src/rgbspace.js

@@ -0,0 +1,64 @@
+import ColorSpace from "./space.js";
+import {multiplyMatrices} from "./util.js";
+import adapt from "./adapt.js";
+import XYZ_D65 from "./spaces/xyz-d65.js";
+
+/**
+ * Convenience class for RGB color spaces
+ * @extends {ColorSpace}
+ */
+export default class RGBColorSpace extends ColorSpace {
+	/**
+	 * Creates a new RGB ColorSpace.
+	 * If coords are not specified, they will use the default RGB coords.
+	 * Instead of `fromBase()` and `toBase()` functions,
+	 * you can specify to/from XYZ matrices and have `toBase()` and `fromBase()` automatically generated.
+	 * @param {*} options - Same options as {@link ColorSpace} plus:
+	 * @param {number[][]} options.toXYZ_M - Matrix to convert to XYZ
+	 * @param {number[][]} options.fromXYZ_M - Matrix to convert from XYZ
+	 */
+	constructor (options) {
+		if (!options.coords) {
+			options.coords = {
+				r: {
+					range: [0, 1],
+					name: "Red",
+				},
+				g: {
+					range: [0, 1],
+					name: "Green",
+				},
+				b: {
+					range: [0, 1],
+					name: "Blue",
+				},
+			};
+		}
+
+		if (!options.base) {
+			options.base = XYZ_D65;
+		}
+
+		if (options.toXYZ_M && options.fromXYZ_M) {
+			options.toBase ??= rgb => {
+				let xyz = multiplyMatrices(options.toXYZ_M, rgb);
+
+				if (this.white !== this.base.white) {
+					// Perform chromatic adaptation
+					xyz = adapt(this.white, this.base.white, xyz);
+				}
+
+				return xyz;
+			};
+
+			options.fromBase ??= xyz => {
+				xyz = adapt(this.base.white, this.white, xyz);
+				return multiplyMatrices(options.fromXYZ_M, xyz);
+			};
+		}
+
+		options.referred ??= "display";
+
+		super(options);
+	}
+}

package/lib/colorjs.io/src/serialize.js

@@ -0,0 +1,86 @@
+import * as util from "./util.js";
+import ColorSpace from "./space.js";
+import defaults from "./defaults.js";
+import getColor from "./getColor.js";
+import checkInGamut from "./inGamut.js";
+import toGamut from "./toGamut.js";
+import clone from "./clone.js";
+
+/**
+ * Generic toString() method, outputs a color(spaceId ...coords) function, a functional syntax, or custom formats defined by the color space
+ * @param {Object} options
+ * @param {number} options.precision - Significant digits
+ * @param {boolean} options.inGamut - Adjust coordinates to fit in gamut first? [default: false]
+ */
+export default function serialize (color, {
+	precision = defaults.precision,
+	format = "default",
+	inGamut = true,
+	...customOptions
+} = {}) {
+	let ret;
+
+	color = getColor(color);
+
+	let formatId = format;
+	format = color.space.getFormat(format)
+	       ?? color.space.getFormat("default")
+	       ?? ColorSpace.DEFAULT_FORMAT;
+
+	// The assignment to coords and inGamut needs to stay in the order they are now
+	// The order of the assignment was changed as a workaround for a bug in Next.js
+	// See this issue for details: https://github.com/color-js/color.js/issues/260
+
+	let coords = color.coords.slice(); // clone so we can manipulate it
+
+	inGamut ||= format.toGamut;
+
+	if (inGamut && !checkInGamut(color)) {
+		// FIXME what happens if the color contains NaNs?
+		coords = toGamut(clone(color), inGamut === true ? undefined : inGamut).coords;
+	}
+
+	if (format.type === "custom") {
+		customOptions.precision = precision;
+
+		if (format.serialize) {
+			ret = format.serialize(coords, color.alpha, customOptions);
+		}
+		else {
+			throw new TypeError(`format ${formatId} can only be used to parse colors, not for serialization`);
+		}
+	}
+	else {
+		// Functional syntax
+		let name = format.name || "color";
+
+		if (format.serializeCoords) {
+			coords = format.serializeCoords(coords, precision);
+		}
+		else {
+			if (precision !== null) {
+				coords = coords.map(c => {
+					return util.serializeNumber(c, {precision});
+				});
+			}
+		}
+
+		let args = [...coords];
+
+		if (name === "color") {
+			// If output is a color() function, add colorspace id as first argument
+			let cssId = format.id || format.ids?.[0] || color.space.id;
+			args.unshift(cssId);
+		}
+
+		let alpha = color.alpha;
+		if (precision !== null) {
+			alpha = util.serializeNumber(alpha, {precision});
+		}
+
+		let strAlpha = color.alpha >= 1 || format.noAlpha ? "" : `${format.commas ? "," : " /"} ${alpha}`;
+		ret = `${name}(${args.join(format.commas ? ", " : " ")}${strAlpha})`;
+	}
+
+	return ret;
+}

package/lib/colorjs.io/src/set.js

@@ -0,0 +1,33 @@
+import ColorSpace from "./space.js";
+import getColor from "./getColor.js";
+import get from "./get.js";
+import getAll from "./getAll.js";
+import setAll from "./setAll.js";
+import {type} from "./util.js";
+
+// Set properties and return current instance
+export default function set (color, prop, value) {
+	color = getColor(color);
+
+	if (arguments.length === 2 && type(arguments[1]) === "object") {
+		// Argument is an object literal
+		let object = arguments[1];
+		for (let p in object) {
+			set(color, p, object[p]);
+		}
+	}
+	else {
+		if (typeof value === "function") {
+			value = value(get(color, prop));
+		}
+
+		let {space, index} = ColorSpace.resolveCoord(prop, color.space);
+		let coords = getAll(color, space);
+		coords[index] = value;
+		setAll(color, space, coords);
+	}
+
+	return color;
+}
+
+set.returns = "color";

package/lib/colorjs.io/src/setAll.js

@@ -0,0 +1,12 @@
+import ColorSpace from "./space.js";
+import getColor from "./getColor.js";
+
+export default function setAll (color, space, coords) {
+	color = getColor(color);
+
+	space = ColorSpace.get(space);
+	color.coords = space.to(color.space, coords);
+	return color;
+}
+
+setAll.returns = "color";