Skip to content

🎨 Change a color based on a filter effect matrix

License

Notifications You must be signed in to change notification settings

alex-page/fe-color

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

34 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎨 Filter effects color

Change a color based on a filter effect matrix

Install

$ npm install fe-color

Usage

const feColor = require( 'fe-color' );

feColor( 
  'red', 
  [ 
    0.567, 0.433, 0, 0, 0,
    0.558, 0.442, 0, 0, 0,
    0, 0.242, 0.758, 0, 0,
    0, 0, 0, 1, 0,
  ]
); // This returns #918E00

Parameters

The function feColor function takes two parameters:

feColor( $color, $matrix );
  1. color - The color to be manipulated by the filter
  2. matrix - The filter to transform the color

Research

Fundamentals from feColorMatrix and Finessing feColorMatrix.

Release History

  • v1.0.7 - Update dependencies and GitHub actions to yml
  • v1.0.6 - Update dependencies
  • v1.0.5 - xo is a dev dependency
  • v1.0.4 - Replace eslint with xo
  • v1.0.3 - Use files instead of .npmignore
  • v1.0.2 - Remove prepublishOnly script
  • v1.0.1 - Replace travis with GitHub actions
  • v1.0.0 - First release

About

🎨 Change a color based on a filter effect matrix

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published