‚̧Nightly Perpetrated Mischief
    Have ideas to improve npm?Join in the discussion! ¬Ľ

    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

    Install

    npm i abcolor

    DownloadsWeekly Downloads

    8

    Version

    0.5.5

    License

    MIT

    Last publish

    Collaborators

    • avatar