color transfer

English | 简体中文

Supports #RGB[A] , RGB[A] , HSL[A] interconversion RGB[A] and HSL[A] support comma, percent sign, /, space and other separators, with a total of 50 formats conversions. The following conversions are supported:

Usage

install

npm i color-transfer

import & usage

import { HEXToHSL, HEXToRGB, RGBToHEX, RGBToHSL, HSLToHEX, HSLToRGB } from 'color-transfer'

HEXToRGB('#f36') // => [255, 51, 102]
RGBToHSL('rgba(100% 0% 60% / 0.4)') // => [324, 100, 50, 0.4]

// ...

HEX

HEX to RGB[A]

• #rgb => rgb(r,g,b)

• #rgba => rgb(r,g,b,a)

• #rrggbb => rgb(r,g,b)

• #rrggbbaa => rgba(r,g,b,a)

HEX to HSL[A]

• #rgb => hsl(h,s%,l%)

• #rgba => hsl(h,s%,l%,a)

• #rrggbb => hsl(h,s%,l%)

• #rrggbbaa => hsl(h,s%,l%,a)

RGB[A]

RGB[A] to HEX

• (r,g,b) => #rgb

• (r,g,b,a) => #rrggbbaa

• rgb(r,g,b) => #rgb

• rgba(r,g,b,a) => #rgba

• rgba(r g b) => #rgb

• rgba(r g b / a) => #rgba

• rgb(r%,g%,b%) => #rgb

• rgba(r%,g%,b%,a) => #rgba

• rgba(r%,g%,b%,%a) => #rgba

• rgb(r% g% b%) => #rgb

• rgba(r% g% b% / a%) => #rgba

RGB[A] to HSL[A]

• (r,g,b) => hsl(h,s%,l%)

• (r,g,b,a) => hsl(h,s%,l%,a)

• rgb(r,g,b) => hsl(h,s%,l%)

• rgba(r,g,b,a) => hsl(h,s%,l%,a)

• rgba(r g b) => hsl(h,s%,l%)

• rgba(r g b / a) => hsl(h,s%,l%,a)

• rgb(r%,g%,b%) => hsl(h,s%,l%)

• rgb(r%,g%,b%,%a) => hsl(h,s%,l%,a)

• rgb(r% g% b%) => hsl(h,s%,l%)

• rgba(r% g% b% / a%) => hsl(h,s%,l%,a)

• rgb(r%,g%,b%,a) => hsl(h,s%,l%,a)

HSL[A]

HSL[A] to HEX

• (h,s%,l%) => #rgb

• (h,s%,l%,a) => #rgba

• hsl(h,s%,l%) => #rgb

• (h,s%,l%,a) => #rgba

• hsl(h s% l%) => #rgb

• hsl(hdeg,s%,l%) => #rgb

• hsl(hrad,s%,l%) => #rgb

• hsl(hturn,s%,l%) => #rgb

• hsla(h s% l% / a) => #rgba

• hsla(h s% l% / a%) => #rgba

HSL[A] to RGB[A]

• (h,s,l) => rgb(r,g,b)

• (h,s,l,a) => rgb(r,g,b,a)

• hsl(h,s,l) => rgb(r,g,b)

• (h,s,l,a) => rgb(r,g,b,a)

• hsl(h s l) => rgb(r,g,b)

• hsl(hdeg,s,l) => rgb(r,g,b)

• hsl(hrad,s,l) => rgb(r,g,b)

• hsl(hturn,s,l) => rgb(r,g,b)

• hsla(h s l / a) => rgb(r,g,b,a)rgb(r,g,b,a)

• hsla(h s l / a%) => rgb(r,g,b,a)

dev & test

• 📦 bundle

npm i
npm run build

• unit test

npm run test

unit test

All 50 type conversions have passed unit tested, with 100% unit test code coverage

TODO

• support for format output