Supported Color Spaces • Color.js

Tree of all color spaces supported by Color.js as of June 2022.

Color spaces are ColorSpace objects. Every function in Color.js that takes a color space reference can take it in one of two forms:

A string id of a registered color space
A ColorSpace object

When you import a module that defines a color space, this uses ColorSpace.create() which does two things:

It invokes the ColorSpace constructor to create a new ColorSpace object
It calls ColorSpace.register() to register the color space so it can be referenced with a string id. This just adds the color space to the ColorSpace.registry object.

There is an open issue about eliminating side effects from our color space modules so they can become tree-shakeable, so this may change in the future.

src/spaces/[aliasOf or id].js

Alias of [aliasOfName]

Base

White point:

Coordinates:

Id	Name	Ref. range
		–

let color = new Color("{{ space.id }}", [{{randomCoord}}]);
{{ join(codeExample, "\n") }}
color.toString();

Learn more about [name]