https://github.com/dafrok/color-factory
CSS colors converter
https://github.com/dafrok/color-factory
Last synced: 3 months ago
JSON representation
CSS colors converter
- Host: GitHub
- URL: https://github.com/dafrok/color-factory
- Owner: Dafrok
- Created: 2016-05-22T13:18:29.000Z (about 10 years ago)
- Default Branch: master
- Last Pushed: 2018-04-09T03:42:07.000Z (over 8 years ago)
- Last Synced: 2025-02-21T18:48:49.094Z (over 1 year ago)
- Language: JavaScript
- Homepage: https://dafrok.github.io/css-color-playground/
- Size: 41 KB
- Stars: 2
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# color-factory
CSS colors transformer
## Try It Out
https://dafrok.github.io/css-color-playground/
## Install
```
$ npm i color-factory
```
## Usage
```es6
import Color from 'color-factory'
const colorFromString = new Color('rgba(12, 34, 56, 0.7)')
colorFromString.toHex()
colorFromString.h(100).s(0.4).b(30).toHSL()
colorFromString.g()
const colorFromObject = new Color({h: 100, s: 0.5, l: 0.3})
colorFromObject.toRGBA()
```
## API
#### .toHEX()
Convert color instance to CSS hex string.
#### .toRGB()
Convert color instance to CSS rgb string.
#### .toRGBA()
Convert color instance to CSS rgba string.
#### .toHSL()
Convert color instance to CSS hsl string.
#### .toHSLA()
Convert color instance to CSS hsla string.
#### .toSTRING()
Convert color instance to CSS color string, such as 'red', 'blue', 'transparent' etc.
#### .r()
Get the value of red channel.
#### .r(value)
- value
- Type: String
- Description: Set the value of red channel.
- Return: this
#### .g()
Get the value of green channel.
#### .g(value)
- value
- Type: String
- Description: Set the value of green channel.
- Return: this
#### .b()
Get the value of blue channel.
#### .b(value)
- value
- Type: String
- Description: Set the value of blue channel.
- Return: this
#### .h()
Get the value of hue.
#### .h(value)
- value
- Type: String
- Description: Set the value of hue.
- Return: this
#### .s()
Get the value of saturation.
#### .s(value)
- value
- Type: String
- Description: Set the value of saturation.
- Return: this
#### .l()
Get the value of lightness.
#### .l(value)
- value
- Type: String
- Description: Set the value of lightness.
- Return: this
#### .a()
Get the value of alpha channel.
#### .a(value)
- value
- Type: String
- Description: Set the value of alpha.
- Return: this