cktang88 / word-color

Finds colors associated with a word, basically https://picular.co/

word-color

🎨 ⚡ Creates word-color associations.

TODO:

1. make all client-side, no server
   • can't use cheerio front-end?, need to replace somehow...
2. implement caching via online JSON storage solution
3. use https://www.npmjs.com/package/color-sort to display results

Examples:

Try it out!

Live Demo

Or locally:

$ git clone https://github.com/cktang88/word-color
$ cd word-color
$ npm i
$ npm start

Go to http://localhost:1234 in your browser.

🔥 🔥 🔥

How it works

1. Scrapes top images of the word from search engines.
2. For each image, use MMCQ (modified median cut quantization) to extract a palette of dominant colors.
3. Average palettes of all images to get final palette.

word-color's Issues

Search by pressing enter.

Suggested by @WhatsNewSaes

This is awesome. A few suggestions

• Search by hitting enter would be nice
• Why not launch this as a web app?
• UI needs some love. I can help if you'd like
• click color to copy hex code would be sweet

Click color to copy hex code.

Suggested by @WhatsNewSaes