0.0.15 • Published 2 years ago
css-colorize v0.0.15
Appropriate credits first!
the code belongs to Barrett, my action was to wrap it into an npm package.
What's the purpose of this package
It gives you the ability to recolor images to the color of your desire by applying the appropriate css filters. You provide a valid HEX color code and the function returns the filter string, the filters in an array and the percentage of accuracy loss.
⚠️IMPORTANT: to work correctly the source image MUST be 🎨black (#000)⚠️
Setup
To run this project, install it locally using npm:
$ npm install css-colorize
Usage
import colorize from 'css-colorize';
let css_filter = colorize.colorize('#f69240');
console.log(css_filter);
//expected output
/*{
"values": [
64.89040377148402,
79.50872658754285,
1413.6459379920873,
92.2423101429785,
102.91090347761539,
92.90710884104686
],
"loss": 0.30878495186012245,
"filter": "filter: invert(65%) sepia(80%) saturate(1414%) hue-rotate(332deg) brightness(103%) contrast(93%);"
}*/