abcolor

0.5.5¬†‚Äʬ†Public¬†‚Äʬ†Published

abcolor

Usage

Gradient

But actually, not quite gradient

import { gradient } from 'abcolor';
 
gradient(89, {
  model: 'rgb',
  from: '5fe4bd',
  to: 'fbc939',
  css: true
});
// Result: rgb(234,204,72)
  • percent- Required, numeric*
  • options- Optional, object
    • model: String, can be rgb or hsl. Hsl by default
    • from: String / numeric* / array (RGB), 0% color. Red by default
    • to: String / numeric* / array (RGB), 100% color. Green by default
    • css: Boolean, False by default

Conversions

Hex to RGB

import { hexToRgb } from 'abcolor';
 
hexToRgb('#94f');
// Result: array of RGB values - [153, 68, 255]
 
hexToRgb('#94f', true);
// Result: array of RGB Percent values - [60, 26.67, 100]
 
hexToRgb('#94f', null, true);
// Result: rgb(153,68,255)
  • hexadecimal- Required, string / number. Six-digit (9000f0) or three-digit (94f) Hex triplet. It can begins from hash char (#), or not
  • percent- Optional, boolean, False by default
  • css- Optional, boolean, False by default

Hex to HSL

import { hexToHsl } from 'abcolor';
 
hexToHsl('00a1f1')
// Result: array of HSL values - [199.92, 100, 47.25]
 
hexToHsl('00a1f1', true)
// Result: hsl(199.92,100%,47.25%)
  • hexadecimal- Required, string / number. Six-digit (9000f0) or three-digit (94f) Hex triplet. It can begins from hash char (#), or not.
  • css- Optional, boolean, False by default

RGB to HSL

import { rgbToHsl } from 'abcolor';
 
rgbToHsl([153, 68, 255]);
// Result: array of HSL values - [267.27, 100, 63.33]
 
rgbToHsl([153, 68, 255], true);
// Result: hsl(267.27,100%,63.33%)
  • rgb- Required, array. Array of RGB values (0 - 255 range)
  • css- Optional, boolean, False by default
Numeric* - string-number / number

Package Sidebar

Install

npm i abcolor

Weekly Downloads

7

Version

0.5.5

License

MIT

Last publish

Collaborators

  • blukai