Variable rawColorFormatsConst
rawColorFormats: {
hsl: {
colorSpace: "rgb";
coords: {
h: { max: 360; min: 0 };
l: { digits: 1; factor: 100; max: 100; min: 0 };
s: { digits: 1; factor: 100; max: 100; min: 0 };
};
};
hwb: {
colorSpace: "rgb";
coords: {
b: { digits: 1; factor: 100; max: 100; min: 0 };
h: { max: 360; min: 0 };
w: { digits: 1; factor: 100; max: 100; min: 0 };
};
};
lab: {
colorSpace: "lab";
coords: {
a: { max: 127; min: -128 };
b: { max: 127; min: -128 };
l: { digits: 1; max: 100; min: 0 };
};
};
lch: {
colorSpace: "lab";
coords: {
c: { max: 230; min: 0 };
h: { max: 360; min: 0 };
l: { digits: 1; max: 100; min: 0 };
};
};
oklab: {
colorSpace: "oklab";
coords: {
a: { digits: 3; max: 0.5; min: -0.5 };
b: { digits: 3; max: 0.5; min: -0.5 };
l: { digits: 3; max: 1; min: 0 };
};
};
oklch: {
colorSpace: "oklab";
coords: {
c: { digits: 3; max: 0.4; min: 0 };
h: { digits: 1; max: 360; min: 0 };
l: { digits: 3; max: 1; min: 0 };
};
};
rgb: {
colorSpace: "rgb";
coords: {
b: { factor: 255; max: 255; min: 0 };
g: { factor: 255; max: 255; min: 0 };
r: { factor: 255; max: 255; min: 0 };
};
};
} = ...
Type declaration
Readonly
hsl: {
colorSpace: "rgb";
coords: {
h: { max: 360; min: 0 };
l: { digits: 1; factor: 100; max: 100; min: 0 };
s: { digits: 1; factor: 100; max: 100; min: 0 };
};
}
Readonly
hwb: {
colorSpace: "rgb";
coords: {
b: { digits: 1; factor: 100; max: 100; min: 0 };
h: { max: 360; min: 0 };
w: { digits: 1; factor: 100; max: 100; min: 0 };
};
}
Readonly
lab: {
colorSpace: "lab";
coords: {
a: { max: 127; min: -128 };
b: { max: 127; min: -128 };
l: { digits: 1; max: 100; min: 0 };
};
}
Readonly
lch: {
colorSpace: "lab";
coords: {
c: { max: 230; min: 0 };
h: { max: 360; min: 0 };
l: { digits: 1; max: 100; min: 0 };
};
}
Readonly
oklab: {
colorSpace: "oklab";
coords: {
a: { digits: 3; max: 0.5; min: -0.5 };
b: { digits: 3; max: 0.5; min: -0.5 };
l: { digits: 3; max: 1; min: 0 };
};
}
Readonly
oklch: {
colorSpace: "oklab";
coords: {
c: { digits: 3; max: 0.4; min: 0 };
h: { digits: 1; max: 360; min: 0 };
l: { digits: 3; max: 1; min: 0 };
};
}
Readonly
rgb: {
colorSpace: "rgb";
coords: {
b: { factor: 255; max: 255; min: 0 };
g: { factor: 255; max: 255; min: 0 };
r: { factor: 255; max: 255; min: 0 };
};
}
All raw supported color formats.