Dominant colour from external image

Question

I am loading in external images into my app and I want to get the dominant colour from the image and apply it to a separate div as a background-color in a rgba format

What's the best way to do this?

possible duplicate of [get average color of image via javascript](http://stackoverflow.com/questions/2541481/get-average-color-of-image-via-javascript) — benek, Aug 11 '14 at 16:09

score 0 · Answer 1 · answered Mar 20 '14 at 05:17

Interesting question. I would say that if possible, any image processing should be done on server side, but if you must do it in javascript, Pixastic is a javascript image library. You can use the histogram function to get an array of colors in the image, then find the most common one from that array.

http://www.pixastic.com/lib/docs/actions/histogram/

score 0 · Answer 2 · answered Mar 20 '14 at 05:20

0

Yes, if the dominant color is simply the most frequently used, I'd just draw it to a canvas element and use getImageData() to determine it.

answered Mar 20 '14 at 05:20

alex

479,566
201
878
984

Dominant colour from external image

2 Answers2