JSPM

color-range-picker

1.3.1
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • 0
  • Score
    100M100P100Q42021F
  • License GPL-3.0+

Simple and lightweight ES6 color range picker

Package Exports

  • color-range-picker

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (color-range-picker) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Color Range Picker

Inspired by @wieringen's tinycolorpicker, this small library renders a color circle from a configurable set of colors and can generate a range of shades from the picked color.

Demo

Install

npm i color-range-picker --save

Public properties and methods

Name Type Description Returns
hex accessor Get the hexadecimal notation of the last chosen color String
rgb accessor Get the rgb notation of the last chosen color String
RGBToHex(Array/String) static method Convert a RGB array or string to hexadecimal string String
hexToRGB(Array/String) static method Convert a hexadecimal string to a RGB array Array/null
range(Array/String, Number) static method Generate a range of colors from the currently picked color Array/null
getFormat(Array/String) static method Check the color format String
toggle() method Show or hide the ui void
destroy() method Remove the UI from the DOM void