Skip to content

Colorme tells you the ancient name of the color in your picture

Notifications You must be signed in to change notification settings

miomaeshima/Colorme-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Colorme

This application was developed during the immersive course at Code Chrysalis

"What was the name of this color? Is neither "red" nor "blue". It's a name more subtle."  

Color names are not just signes. They are delicate, emotional, and can evoke forgotten memories. With this app, you can find the ancient name of the color of a photo.


Installing locally

Backend

Assuming python has already been installed, clone the backend repository and enter the commands below in the terminal.

$ pip install flask flask_cors openpyxl
$ virtualenv 
$ env\Scrips\activate 
$ python app.py

Frontend

Clone the frontend repository and enter the commands below in the terminal.

$ npm install or yarn 
$ npm http-server or yarn http-server

Open localhost:8080.

How to use

Add your images in the img file to get the name of color in your images.

This app has a Japanese traditional color pallete containing 712 colors. Each color has RGB value and its ancient name.

For example, clicking the image above, the closest color to the color used most in the picture is searched from the palette, and its tranditional name is displayed. The background color is the found color.

The closeness of colors in the pallet to the color in the picture is assessed based on the distance between 3D cordinates of rgb values.

If the main color of a picture is a, color c is closer than color b.


Technology

Frontend: HTML, CSS, HTML, CSS, JavaScript, color-thief
Backend: Python


Future features

1.Build a demo site
2.Allow select file from the device
3.Switch between pallets (e.g. between Japanese to English color name pallets)
4.Switch the font color to what is appropriate for the background (e.g. white font on dark color)
5.Show the name of the selected spot within a picture

About

Colorme tells you the ancient name of the color in your picture

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published