docs.rodeo

MDN Web Docs mirror

HTMLInputElement: colorSpace property

{{APIRef("HTML DOM")}} {{SeeCompatTable}} 

The colorSpace property of the {{domxref("HTMLInputElement")}}  interface reflects the {{HTMLElement("input")}}  element’s colorspace attribute, which indicates whether the {{glossary("color space")}}  of the serialized CSS color is sRGB (the default) or display-p3. It is only relevant to color controls.

Value

A string containing the value of the colorspace attribute.

Examples

Getting and setting color spaces

<input id="color-picker" type="color" colorspace="display-p3" alpha />
const colorInput = document.getElementById("color-picker");
console.log(colorInput.colorSpace); // "display-p3"
colorInput.colorSpace = "limited-srgb"; // convert to srgb

Specifications

{{Specifications}} 

Browser compatibility

{{Compat}} 

See also

In this article

View on MDN