word-color icon indicating copy to clipboard operation
word-color copied to clipboard

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

word-color

:art: :zap: 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.

:fire: :fire: :fire:

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.