2.0.0 • Published 4 years ago
css-color-converter v2.0.0
css-color-converter 
Converts CSS colors from one representation to another
Installation
npm install css-color-converterUsage
Example usage:
import { fromString } from 'css-color-converter';
fromString('rgb(255, 255, 255)').toHslString(); // hsl(0, 0%, 100%)
fromString('rgba(255, 255, 255, 0.5)').toHslString(); // hsla(0, 0%, 100%, 0.5)
fromString('blue').toRgbString(); // rgb(0, 0, 255)
fromString('red').toHexString(); // #ff0000Functions
fromString(str)
| parameter | type | description |
|---|---|---|
str | string | Supports named colors, hex, rgb/rgba, hsl/hsla |
Returns instance if valid, null if invalid.
fromRgb([r, g, b])
| parameter | type | description |
|---|---|---|
r | int | red (0-255) |
g | int | green (0-255) |
b | int | blue (0-255) |
Returns instance
fromRgba([r, g, b, a])
| parameter | type | description |
|---|---|---|
r | int | red (0-255) |
g | int | green (0-255) |
b | int | blue (0-255) |
a | float | alpha (0-1) |
Returns instance
fromHsl([h, s, l])
| parameter | type | description |
|---|---|---|
h | int | hue (0-360) |
s | int | saturation (0-100) |
l | int | luminosity (0-100) |
Returns instance
fromHsla([h, s, l, a])
| parameter | type | description |
|---|---|---|
h | int | hue (0-360) |
s | int | saturation (0-100) |
l | int | luminosity (0-100) |
a | float | alpha (0-1) |
Returns instance
Methods
toRgbString()
Returns rgb() or rgba(), depending on the alpha.
toHslString()
Returns hsl() or hsla(), depending on the alpha.
toHexString()
Returns 6-digit or 8-digit hex, depending on the alpha.
toRgbaArray()
Returns [r, g, b, a] array.