Tailwind Color Picker
A chrome extension to pick a pixel from any website and copy the closest tailwind color to it.
How to install
Install the official Chrome Extension today!
Motivation
I built this to be used when quickly prototyping something and using other websites for inspiration. Having a color picker to quickly get tailwind colors from other sites helps me move quicker.
How to use it locally
- Run
git clone https://github.com/Nutlope/tailwind-color-picker. - Go to
chrome://extensions, enable developer mode at the top right, click "Load Unpacked", then select the dist folder. - Run 'CMD + Shift + X' to toggle the extension, or click it from the toolbar to activate it
How to develop locally
- Run
git clone https://github.com/Nutlope/tailwind-color-picker. - Run
cd tailwind-color-picker && yarn install - Run
npm run start
Credit
- Uses any-color for the color picker
- Uses the nearest-color package to calculate the nearest tailwind color
- Uses tailwind colors from nearestTailwindColor