css-color-converter
css-color-converter copied to clipboard
Published
20 hours ago •
andyjansson
andyjansson
Converts CSS colors from one representation to another
css-color-converter 
Converts CSS colors from one representation to another
Installation
npm install css-color-converter
Usage
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(); // #ff0000
Functions
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.
Metadata
16
Stars
4
Forks
Watchers
Owner
andyjansson
Metadata
Converts CSS colors from one representation to another