How to get the average or main color from an image with javascript?

Question

what i want is to the the HEX or the RGB average value from an image to the another div background this color.

So if i upload an image with a ot of red i get somethi

Answer 1

For finding that average color:

1. Put Image on Canvas
2. Resize image to 1px by 1px
3. Get the color of the resulting pixel(This pixel will be the calculated average)