JSPM

color-object

0.3.0
  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 7
  • Score
    100M100P100Q39330F
  • License MIT

Create color object then convert to hex, rgb, rgba and WebGL vec4, vec3 color array

Package Exports

  • color-object

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-object) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

Color Object

📺 Live Demo
Create a color object and convert to rgb, rgba or hex string and WebGL color array.

Usage

NPM:

npm install color-object

var color = require('color-object');

CDN:

<script src="https://cdn.jsdelivr.net/npm/color-object/dist/color.js"></script>

Code example:

/* Init color object */
/* <keyword-color> values */
var color = Color('aqua');
var color = Color('coral');

/* <hex-color> values */
var color = Color('#090');
var color = Color('#009900');
var color = Color('#090a');
var color = Color('#009900aa');

/* <rgb()> values */
var color = Color('rgb(34, 12, 64)');
var color = Color('rgba(34, 12, 64, 0.6)');

/* color convert */
color.hex();   // covent to css hex color string, like #00FFCC
color.hexa();  // covent to css hex color string, like #00FFCCAA
color.rgb();   // covent to css rgb color string, like rgb(34, 12, 64)
color.rgba();  // covent to css rgba color string, like rgb(34, 12, 64, 0.6)
color.vec3();  // covent to WebGL vec3 color array, like [0, 0, 0]
color.vec4();  // covent to WebGL vec4 color array, like [0, 0, 0, 1]

🔗 keyword color list

License

This project is licensed under the MIT License - see the LICENSE file for details