https://github.com/lichin-lin/myColor

🚂 generate colors that you really love with neural network
https://github.com/lichin-lin/myColor

color-picker gradient mechine-learing react

Last synced: 3 months ago
JSON representation

🚂 generate colors that you really love with neural network

• Host: GitHub
• URL: https://github.com/lichin-lin/myColor
• Owner: lichin-lin
• Created: 2017-09-30T15:12:53.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2017-10-05T18:18:33.000Z (over 7 years ago)
• Last Synced: 2024-08-04T08:06:16.283Z (7 months ago)
• Topics: color-picker, gradient, mechine-learing, react
• Language: JavaScript
• Homepage: https://lichin.me/myColor/
• Size: 5.58 MB
• Stars: 4
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
This project was inspired by [Khroma.co](http://khroma.co/).

# myColor

🚂 generate colors that you really love with neural network







## How to

### Step 1: 🎭 pick what you like 🎭

  Swipe the cards left and right just like using Tinder!


  swipe left for not interesting, rigth for love it, and up to pass this color.


  after you swipe 20 cards, you can go to next step.

  


  


  就像使用交友軟體 tinder 一樣，左右滑動來決定你的顏色喜好。

  


  向左代表不喜歡，向右代表喜歡，往上滑則跳過此顏色。作答完 20 張卡片即可開始訓練。

  


  


  ![](https://raw.githubusercontent.com/lichin-lin/myColor/master/swipe.gif)

  


### Step 2: 🚂🚃 Train 🚃🚃🚃

  Just press Train button and wait for 2~3 second.

  


  按下 Train 的按鈕靜置三秒鐘左右。

  


  


### Step 3: 🔷 get the result 🔶

  You can press "Favor" or "Gradient" to get your result.

  


  接著你就可以按 "Favor" 或是 "Gradient" 來查看你的結果。

  ![](https://raw.githubusercontent.com/lichin-lin/myColor/master/result.png)

  > Reminder: Sometime the result of training process of Gradient you will get is a notification, it means my network modal is not good enough to generate the gradient. Sorry, you may need to refresh the page and do the swipe process again. I will improve the modal and fix this error in the future.

  


  > 小提醒: 在查看 Gradient 的結果時，有時會只會跳出訓練失敗的通知。這是因為我的 network 並沒有仔細去調整過。非常抱歉，這時候可能要麻煩您先重整網頁，再重新從步驟一開始。之後會改善這個狀況的!