1.3.2 • Published 3 years ago
lch-color-utils v1.3.2
LCH Color Utilities
Inspired by https://css.land/lch (Lea Verou)
Getting started
Install via npm
or yarn
npm i -S lch-color-utils
yarn add lch-color-utils
Methods
lchToRgb
Usage
lchToRgb({ l: 90, c: 20, h: 100, isPrecise: false, forceinGamut: true });
Parameters
{
l: number,
c: number,
h: number,
a?: number,
forceinGamut?: boolean,
isPrecise?: boolean,
}
Field | Description | Default |
---|---|---|
l | Lightness value for LCH | undefined |
c | Chroma value for LCH | undefined |
h | Hue value for LCH | undefined |
a | Alpha value | undefined |
isPrecise | If true, will not round of the RGB percentage value | false |
forceinGamut | Moves an lch color into the sRGB gamut by holding the l and h steady, and adjusting the c via binary-search until the color is on the sRGB boundary | true |
Response
{
value: number[],
string: string,
}
Field | Description |
---|---|
value | Array of numbers representing R, G, B colors of the LCH provided |
string | String value of R, G, B. Ex: rgb(20%, 20%, 20%) |
hexToLch
Usage
hexToLch('#FF0000');
Parameters
Field | Description | Default |
---|---|---|
hex | Hex string to be converted to LCH | undefined |
Response
{
l: number,
c: number,
h: number,
a?: number,
}
Field | Description |
---|---|
l | Lightness value for LCH |
c | Chroma value for LCH |
h | Hue value for LCH |
a | Alpha value |
lchToHex
Usage
lchToHex({ l: 90, c: 20, h: 100, isPrecise: false, forceinGamut: true });
Parameters
{
l: number,
c: number,
h: number,
a?: number,
forceinGamut?: boolean,
isPrecise?: boolean,
}
Field | Description | Default |
---|---|---|
l | Lightness value for LCH | undefined |
c | Chroma value for LCH | undefined |
h | Hue value for LCH | undefined |
a | Alpha value | undefined |
isPrecise | If true, will not round of the RGB percentage value | false |
forceinGamut | Moves an lch color into the sRGB gamut by holding the l and h steady, and adjusting the c via binary-search until the color is on the sRGB boundary | true |
Response
{
value: string,
alpha?: number,
}
Field | Description |
---|---|
value | Hex string value of LCH |
alpha | Alpha value which should be same as the one provided in your request parameters |
1.3.2
3 years ago
1.3.1
3 years ago
1.2.9
3 years ago
1.2.8
3 years ago
1.2.7
3 years ago
1.2.6
3 years ago
1.2.5
3 years ago
1.2.4
3 years ago
1.2.3
3 years ago
1.2.2
3 years ago
1.2.1
3 years ago
1.2.0
3 years ago
1.1.9
3 years ago
1.1.8
3 years ago
1.1.6
3 years ago
1.1.5
3 years ago
1.1.3
3 years ago
1.1.2
3 years ago
1.1.1
3 years ago
1.1.0
3 years ago
1.0.9
3 years ago
1.0.8
3 years ago
1.0.7
3 years ago
1.0.6
3 years ago
1.0.5
3 years ago
1.0.4
3 years ago
1.0.3
3 years ago
1.0.2
3 years ago
1.0.1
3 years ago
1.0.0
3 years ago