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.