Material Design Colors Picker

🎨 Quick and easy extension to quickly copy a color from the Google Material design color palette. The extension is compatible with Chrome and Firefox. You can copy in #HEX, HEX, RGB, RGBA formats.

Build

Install the depencies

npm install

Lint the JS

npm run lint

Build the CSS + JS

npm run build

Build the CSS

npm run build-css

Build the JS

npm run build-js

Watch CSS + JS for development

npm run watch

Installation

Download from the Google Chrome store

Comming soon.

Download from the Firefox Add-ons store

Install locally

Chrome

Clone the repository like this

git clone https://github.com/alexcpr/material-design-colors-picker.git

Go to chrome://extensions and check Developer mode if it isn't already.

Click Load unpacked extension... and navigate to the folder where you cloned the repository.

Firefox

Clone the repository like this

git clone https://github.com/alexcpr/material-design-colors-picker.git

Go to about:debugging and click on Load a temporary module then navigate to the folder where you cloned the repository and choose the manifest.json file.

Used libraries

• Material Design - For the colors in the palette.
• Font Awesome For the icons.
• Clipboard.js To copy into your clipboard.