cde8ca2fb33f5be681f54c6ba135b23685d72dc6cd289eb08e652bdc4cc192c679c7043f7ad330db91615cdf74073ad19db013c6190b99bf5bd3a227581926 1.7 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. # chartjs-color-string
  2. [![npm](https://img.shields.io/npm/v/chartjs-color-string.svg?style=flat-square&maxAge=600)](https://npmjs.com/package/chartjs-color-string) [![Travis](https://img.shields.io/travis/chartjs/chartjs-color-string.svg?style=flat-square&maxAge=600)](https://travis-ci.org/chartjs/chartjs-color-string)
  3. > library for parsing and generating CSS color strings.
  4. ## Install
  5. With [npm](http://npmjs.org/):
  6. ```console
  7. $ npm install color-string
  8. ```
  9. ## Usage
  10. ### Parsing
  11. ```js
  12. colorString.getRgb("blue") // [0, 0, 255]
  13. colorString.getRgb("#FFF") // [255, 255, 255]
  14. colorString.getRgba("#FFFA") //[255, 255, 255, 0.67]}
  15. colorString.getRgba("#FFFFFFAA") // [255, 255, 255, 0.67]}
  16. colorString.getRgba("rgba(200, 60, 60, 0.3)") // [200, 60, 60, 0.3]
  17. colorString.getRgba("rgb(200, 200, 200)") // [200, 200, 200, 1]
  18. colorString.getHsl("hsl(360, 100%, 50%)") // [360, 100, 50]
  19. colorString.getHsla("hsla(360, 60%, 50%, 0.4)") // [360, 60, 50, 0.4]
  20. colorString.getAlpha("rgba(200, 0, 12, 0.6)") // 0.6
  21. ```
  22. ### Generation
  23. ```js
  24. colorString.hexString([255, 255, 255]) // "#FFFFFF"
  25. colorString.hexString([0, 0, 255, 0.4]) // "#0000FF66"
  26. colorString.hexString([0, 0, 255], 0.4) // "#0000FF66"
  27. colorString.rgbString([255, 255, 255]) // "rgb(255, 255, 255)"
  28. colorString.rgbString([0, 0, 255, 0.4]) // "rgba(0, 0, 255, 0.4)"
  29. colorString.rgbString([0, 0, 255], 0.4) // "rgba(0, 0, 255, 0.4)"
  30. colorString.percentString([0, 0, 255]) // "rgb(0%, 0%, 100%)"
  31. colorString.keyword([255, 255, 0]) // "yellow"
  32. colorString.hslString([360, 100, 100]) // "hsl(360, 100%, 100%)"
  33. ```