Skip to content

Ennnm/instant-hue

Repository files navigation

Instant Hue🌈🖼

Generating color combinations from images you love based on color harmony.

front page screenshot

About The Project

Instant Hue is an app for studying color and for generating color templates from image uploads

It will:

  1. Analyze your photos for its dominant colors.
  2. Match the photo to its closest color harmony type.
  3. Show color palettes in other color schemes for further inspiration.

It allows:

  1. Jpg uploads by url and file upload.
  2. Categorization into groups.
  3. Viewing by categories.
  4. Sorting by Hue, time uploaded.
  5. Filtering by color.
  6. Copying of Hex color codes by clicking on the circular palette.

Color harmony types include analogous, complementary, double-split-complementary, rectangle, split-complementary, tetradic, and triadic. These are ranked from closest to furthest in similarity to the original colors of the image upload

analysed image and their harmonies

Copying the hex color code

copying hexcode from color palette

Video demo

You can find the deployed app here.

(back to top)

Built With

Frontend
Backend
Extracting dominant colors
File upload and storage
Styling
Planning

(back to top)

Getting Started

  • Install npm modules

  • Initialize database

npm install npm@latest -g

sudo service postgresql start
createdb instant_color
psql -d instant_color -f init_tables.sql
psql -d instant_color -f seed.sql

npm start

(back to top)

Roadmap

  • Deployment with S3 image upload after migrating to mvc framework
  • Resize of images before upload to s3
  • Removal of files from s3 on deletion

See the open issues for a full list of proposed features (and known issues).

(back to top)

Contact

Jia En - @ennnm_ - jiaen.1sc4@gmail.com

(back to top)

About

Server-side app RA bootcamp project 2

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •