GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → cktang88 → word-color

cktang88 / word-color

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

Programming Languages

javascript
184084 projects - #8 most used programming language
HTML
75241 projects

Labels

colordesigncolor-palettewordsassociationdesign-tools

Projects that are alternatives of or similar to word-color

Materialdesigncolor
This project shows the color in material design
Stars: ✭ 55 (+41.03%)
Mutual labels:  color, design, color-palette
farbvelo
"Random" color palette generator, cycles
Stars: ✭ 52 (+33.33%)
Mutual labels:  color, design-tools
imgpalr
R package for generating color palettes from arbitrary images.
Stars: ✭ 44 (+12.82%)
Mutual labels:  color, color-palette
color-loader
🎨 A webpack loader that extracts the color palette of an image
Stars: ✭ 14 (-64.1%)
Mutual labels:  color, color-palette
quickpalette
🏃‍♀️🎨 R package for quick extraction of color palettes from text and images
Stars: ✭ 24 (-38.46%)
Mutual labels:  color, color-palette
SwiftColorWheel
Delightful color picker wheel for iOS in Swift.
Stars: ✭ 37 (-5.13%)
Mutual labels:  color, color-palette
pantone-colors
Hex values of all 2310 Pantone colors
Stars: ✭ 147 (+276.92%)
Mutual labels:  color, color-palette
Sketch
Sketch have a lot of basic functions to develop a drawing app for iPhone. Anyone can easily create drawing iOS Application.
Stars: ✭ 229 (+487.18%)
Mutual labels:  color, design-tools
javascript-color-gradient
Lightweight JavaScript library, used to generate an array of color gradients, between start and finish colors.
Stars: ✭ 54 (+38.46%)
Mutual labels:  color, color-palette
color-color
Website to generate color palettes in HSLuv color space
Stars: ✭ 17 (-56.41%)
Mutual labels:  color-palette, design-tools
color-extractor
Biancoir is website that provide color extraction from an image with quantization algorithm.
Stars: ✭ 12 (-69.23%)
Mutual labels:  color, color-palette
react-native-color-panel
React Native Color Panel Component for iOS and Android 🏳️‍🌈
Stars: ✭ 21 (-46.15%)
Mutual labels:  color, color-palette
react-native-image-color-picker
Image color picker based on image source provided and return image different color palettes or average color palette
Stars: ✭ 25 (-35.9%)
Mutual labels:  color, color-palette
hcv-color
🌈 Color model HCV/HCG is an alternative to HSV and HSL, derived by Munsell color system, usable for Dark and Light themes... 🌈
Stars: ✭ 44 (+12.82%)
Mutual labels:  color, color-palette
colors
A gorgeous, accessible color system.
Stars: ✭ 748 (+1817.95%)
Mutual labels:  color, color-palette
sanzo-wada
🎨 Interactive version of Sanzo Wada's - "A Dictionary of Color Combinations"
Stars: ✭ 139 (+256.41%)
Mutual labels:  color, color-palette
design-patterns-for-humans-cn
Design patterns for humans 中文版 - 对设计模式超简单的解释
Stars: ✭ 2,432 (+6135.9%)
Mutual labels:  design, design-tools
Colors.lol
🎨 Overly descriptive color palettes
Stars: ✭ 207 (+430.77%)
Mutual labels:  color, color-palette
Xcolor
Lightweight color picker for X11
Stars: ✭ 209 (+435.9%)
Mutual labels:  color, design
Extract-Color-Palette-Api
Create gradient drawable by extracting prominent colors from image⚫⚪
Stars: ✭ 16 (-58.97%)
Mutual labels:  color, color-palette
View All Similar Projects ➔

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.
Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].