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

• Put image on canvas.
• Get 2D context.
• Loop through pixels, and store each r,g,b value. If you find the same, increment it once.
• Loop through stored r,g,b values and take note of largest r,g,b value.
• Convert r,g,b to hex.