🎨 Colornary 🖍
A lightweight javascript library for converting, parsing, and manipulating colors.
🚀 Including Colornary
Node
To include with Node, install via npm.
$ npm install --save colornary
Browser
To use in the browser, download the script and add the tag.
<script src="modules/colornary.js"></script>
🌈 Converting Colors
const myRgbColor = toRgb('#fff');
const myRgbaColor = toRgba('hsla(0, 0%, 100%, 0.5)');
const myHexColor = toHex('hsl(195, 100%, 50%)');
const myHslColor = toHsl('#ff00ff');
const myHslaColor = toHsla('rgba(128, 0, 128, .75)');
🖌 Manipulating Colors
const myLighterColor = lighten('rgb(0, 0, 0)');
const myDarkerColor = darken('rgb(255, 255, 255)', 0.5);
const mySaturatedColor = saturate('rgb(13, 13, 13)');
const myDesaturatedColor = desaturate('hsla(10, 10%, 0%, 1)');
const myOpacifiedColor = opacify('rgba(255,255,255,0.5)', 0.2);
const myTransparentizedColor = transparentize('rgba(255,255,255,0.5)', 0.2);
ℹ️ Notes
Color
- A color constitues a string or JSON representation of a color, where the color is of a supported type.
Factor
- A factor constitues a floating point between 0 and 1 denoting a percentage. Factors default to 0.1 (or 10%).
Supported types
🎉 Contributing
Pull requests of any kind are welcome; whether it's adding a feature, improving documentation, or fixing a bug. However, there are some standard guidlines to follow when contributing code. Please read the following guide before opening a pull request
Guidelines for opening issues
- Check for a similar existing issue.
- Provide steps to reproduce the bug.
- Provide a log/result of the bug.
Guidelines for commiting code
- Provide documentation for new/improved features.
- Add exhaustive testing for new features.
- Follow linting rules and check build quality.