hex-opacity
TypeScript icon, indicating that this package has built-in type declarations

1.0.16 • Public • Published

hex-opacity

Simple module for adding opacity to hexidecimal colour codes

Available on npm here

Setup

To install:

yarn add hex-opacity

or

npm i hex-opacity

Import

Then import into whichever file you intent to use it in with ES6 or CommonJS:

ES6: import hexOpacity from 'hex-opacity';

CJS: const hexOpacity = require('hex-opacity');

API:

There is one simple API method to add opacity to hex colours, with a configurable output for #RRGGBBAA (default) or #AARRGGBB (using prepend flag parameter) formats.

create (hex, opacity, prepend)

Parameter Type Default value
hex string ''
opacity number 1
prepend boolean false

The create function creates a hex format colour value with opacity. The default format is that supported by modern web browers (#RRGGBBAA) however passing in the prepend flag will resolve to a different format for use in Anroid environments (#AARRGGBB).

Just pass in your full initial hex colour code and a floating point opacity value between 0 and 1 (just as you would with CSS)

Usage:

hexOpacity.create('#fff'); // Result = '#FFFFFFFF'
hexOpacity.create('#1144b2', .3); // Result = '#1144B24D'
hexOpacity.create('#1144b2', .3, true); // Result = '#4D1144B2'

Enjoy! (☉ ‿ ⚆)

Dependents (0)

Package Sidebar

Install

npm i hex-opacity

Weekly Downloads

2,454

Version

1.0.16

License

MIT

Unpacked Size

6 kB

Total Files

5

Last publish

Collaborators

  • redahas