Skip to content

css-color: fix polar to rectangular for (ok)lch #1918

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
romainmenke wants to merge 3 commits into from
Closed

css-color: fix polar to rectangular for (ok)lch #1918

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
fef7021
css-color: fix polar to rectangular for (ok)lch
romainmenke Sep 27, 2026
f38726e
fix
romainmenke Sep 27, 2026
c5b2da8
fix
romainmenke Sep 29, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
70 changes: 52 additions & 18 deletions packages/color-helpers/dist/index.d.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,7 +12,7 @@ export declare function a98_RGB_to_XYZ_D50(x: Color): Color;
* - Red as number 0..1;
* - Green as number 0..1;
* - Blue as number 0..1;
* @return {Color} D50 XYZ [x, y, z]
* @return {Color} D65 XYZ [x, y, z]
*/
export declare function a98_RGB_to_XYZ_D65(x: Color): Color;

Expand Down Expand Up @@ -46,6 +46,18 @@ export declare function gam_P3(RGB: Color): Color;
*/
export declare function gam_sRGB(RGB: Color): Color;

/**
* @param {number} hue - Hue as degrees 0..360
* @param {number} sat - Saturation as percentage 0..100
* @param {number} light - Lightness as percentage 0..100
* @return {number[]} Array of sRGB components; in-gamut colors in range [0..1]
*
* @license W3C https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
* @copyright This software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/blob/main/css-color-4/hslToRgb.js. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang).
* @see https://github.com/w3c/csswg-drafts/blob/main/css-color-4/hslToRgb.js
*/
export declare function HSL_to_sRGB(HSL: Color): Color;

/**
* @param {Color} color [h, s, l]
* - Hue as degrees 0..360;
Expand All @@ -60,10 +72,22 @@ export declare function HSL_to_XYZ_D50(x: Color): Color;
* - Hue as degrees 0..360;
* - Saturation as number 0..100;
* - Lightness as number 0..100;
* @return {Color} D50 XYZ [x, y, z]
* @return {Color} D65 XYZ [x, y, z]
*/
export declare function HSL_to_XYZ_D65(x: Color): Color;

/**
* @param {number} hue - Hue as degrees 0..360
* @param {number} white - Whiteness as percentage 0..100
* @param {number} black - Blackness as percentage 0..100
* @return {number[]} Array of RGB components 0..1
*
* @license W3C https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
* @copyright This software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/blob/main/css-color-4/hwbToRgb.js. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang).
* @see https://github.com/w3c/csswg-drafts/blob/main/css-color-4/hwbToRgb.js
*/
export declare function HWB_to_sRGB(HWB: Color): Color;

/**
* @param {Color} color [h, w, b]
* - Hue as degrees 0..360;
Expand All @@ -78,7 +102,7 @@ export declare function HWB_to_XYZ_D50(x: Color): Color;
* - Hue as degrees 0..360;
* - Whiteness as number 0..100;
* - Blackness as number 0..100;
* @return {Color} D50 XYZ [x, y, z]
* @return {Color} D65 XYZ [x, y, z]
*/
export declare function HWB_to_XYZ_D65(x: Color): Color;

Expand All @@ -98,27 +122,35 @@ export declare function Lab_to_XYZ_D50(x: Color): Color;
* - Lightness as number 0..100;
* - a as number -160..160;
* - b as number -160..160;
* @return {Color} D50 XYZ [x, y, z]
* @return {Color} D65 XYZ [x, y, z]
*/
export declare function Lab_to_XYZ_D65(x: Color): Color;

/**
* @license W3C https://www.w3.org/Consortium/Legal/2015/copyright-software-and-document
* @copyright This software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/blob/main/css-color-4/conversions.js. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang).
*/
export declare function LCH_to_Lab(LCH: Color, missingHue?: boolean): Color;

/**
* @param {Color} color [l, c, h]
* - Lightness as number 0..100;
* - Chroma as number 0..230;
* - Hue as degrees 0..360;
* @param {boolean} missingHue
* @return {Color} D50 XYZ [x, y, z]
*/
export declare function LCH_to_XYZ_D50(x: Color): Color;
export declare function LCH_to_XYZ_D50(x: Color, missingHue?: boolean): Color;

/**
* @param {Color} color [l, c, h]
* - Lightness as number 0..100;
* - Chroma as number 0..230;
* - Hue as degrees 0..360;
* @return {Color} D50 XYZ [x, y, z]
* @param {boolean} missingHue
* @return {Color} D65 XYZ [x, y, z]
*/
export declare function LCH_to_XYZ_D65(x: Color): Color;
export declare function LCH_to_XYZ_D65(x: Color, missingHue?: boolean): Color;

/**
* Convert an array of display-p3 RGB values in the range 0.0 - 1.0
Expand Down Expand Up @@ -153,7 +185,7 @@ export declare function lin_P3_to_XYZ_D50(x: Color): Color;
* - Red as number 0..1;
* - Green as number 0..1;
* - Blue as number 0..1;
* @return {Color} D50 XYZ [x, y, z]
* @return {Color} D65 XYZ [x, y, z]
*/
export declare function lin_P3_to_XYZ_D65(x: Color): Color;

Expand Down Expand Up @@ -193,7 +225,7 @@ export declare function lin_sRGB_to_XYZ_D50(x: Color): Color;
* - Red as number 0..1;
* - Green as number 0..1;
* - Blue as number 0..1;
* @return {Color} D50 XYZ [x, y, z]
* @return {Color} D65 XYZ [x, y, z]
*/
export declare function lin_sRGB_to_XYZ_D65(x: Color): Color;

Expand Down Expand Up @@ -236,7 +268,7 @@ export declare function OKLab_to_XYZ_D50(x: Color): Color;
* - Lightness as number 0..1;
* - a as number 0..0.5;
* - b as number 0..0.5;
* @return {Color} D50 XYZ [x, y, z]
* @return {Color} D65 XYZ [x, y, z]
*/
export declare function OKLab_to_XYZ_D65(x: Color): Color;

Expand All @@ -245,25 +277,27 @@ export declare function OKLab_to_XYZ_D65(x: Color): Color;
* @copyright This software or document includes material copied from or derived from https://github.com/w3c/csswg-drafts/blob/main/css-color-4/conversions.js. Copyright © 2022 W3C® (MIT, ERCIM, Keio, Beihang).
* @see https://github.com/w3c/csswg-drafts/blob/main/css-color-4/conversions.js
*/
export declare function OKLCH_to_OKLab(OKLCH: Color): Color;
export declare function OKLCH_to_OKLab(OKLCH: Color, missingHue?: boolean): Color;

/**
* @param {Color} color [l, c, h]
* - Lightness as number 0..1;
* - Chroma as number 0..0.5;
* - Hue as degrees 0..360;
* @param {boolean} missingHue
* @return {Color} D50 XYZ [x, y, z]
*/
export declare function OKLCH_to_XYZ_D50(x: Color): Color;
export declare function OKLCH_to_XYZ_D50(x: Color, missingHue?: boolean): Color;

/**
* @param {Color} color [l, c, h]
* - Lightness as number 0..1;
* - Chroma as number 0..0.5;
* - Hue as degrees 0..360;
* @return {Color} D50 XYZ [x, y, z]
* @param {boolean} missingHue
* @return {Color} D65 XYZ [x, y, z]
*/
export declare function OKLCH_to_XYZ_D65(x: Color): Color;
export declare function OKLCH_to_XYZ_D65(x: Color, missingHue?: boolean): Color;

/**
* @param {Color} color [r, g, b]
Expand All @@ -279,7 +313,7 @@ export declare function P3_to_XYZ_D50(x: Color): Color;
* - Red as number 0..1;
* - Green as number 0..1;
* - Blue as number 0..1;
* @return {Color} D50 XYZ [x, y, z]
* @return {Color} D65 XYZ [x, y, z]
*/
export declare function P3_to_XYZ_D65(x: Color): Color;

Expand All @@ -297,7 +331,7 @@ export declare function ProPhoto_RGB_to_XYZ_D50(x: Color): Color;
* - Red as number 0..1;
* - Green as number 0..1;
* - Blue as number 0..1;
* @return {Color} D50 XYZ [x, y, z]
* @return {Color} D65 XYZ [x, y, z]
*/
export declare function ProPhoto_RGB_to_XYZ_D65(x: Color): Color;

Expand All @@ -315,7 +349,7 @@ export declare function rec_2020_to_XYZ_D50(x: Color): Color;
* - Red as number 0..1;
* - Green as number 0..1;
* - Blue as number 0..1;
* @return {Color} D50 XYZ [x, y, z]
* @return {Color} D65 XYZ [x, y, z]
*/
export declare function rec_2020_to_XYZ_D65(x: Color): Color;

Expand All @@ -333,7 +367,7 @@ export declare function sRGB_to_XYZ_D50(x: Color): Color;
* - Red as number 0..1;
* - Green as number 0..1;
* - Blue as number 0..1;
* @return {Color} D50 XYZ [x, y, z]
* @return {Color} D65 XYZ [x, y, z]
*/
export declare function sRGB_to_XYZ_D65(x: Color): Color;

Expand Down
Loading
Loading